.card:hover .image-container img{opacity:0}.card .description{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.7));opacity:0;transition:all .3s ease;pointer-events:none;z-index:10}.card:hover .description{opacity:1;pointer-events:auto}.thumbnails-container{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) transparent;-webkit-overflow-scrolling:touch}.thumbnails-container::-webkit-scrollbar{height:6px}.thumbnails-container::-webkit-scrollbar-track{background:transparent}.thumbnails-container::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:3px}.thumbnails-container::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.5)}.card{isolation:isolate;position:relative;backface-visibility:hidden;transform:translateZ(0)}.projects-scroll{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) transparent;-webkit-overflow-scrolling:touch}.projects-scroll::-webkit-scrollbar{width:6px}.projects-scroll::-webkit-scrollbar-track{background:transparent}.projects-scroll::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.3);border-radius:3px}.projects-scroll::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.5)}.projects-scroll>*{transform:translateZ(0)}