.preview-container{container-type:inline-size;container-name:preview;--num:3;.image-container{aspect-ratio:420/380}.image-container,.overlay-image{transition:all 1s cubic-bezier(.4,0,.2,1)}.preview-subtitle{opacity:0;transition:opacity 1s cubic-bezier(.4,0,.2,1)}.preview-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--num);@container preview (width < 365px){--num:4}@container preview (width < 335px){--num:5}@container preview (width < 300px){--num:6}}&:hover{.image-container{aspect-ratio:420/240}.overlay-image{transform:scale(1.1)}.preview-subtitle{opacity:1}}@media (prefers-reduced-motion){.image-container{aspect-ratio:420/240;transition:none}.overlay-image{transform:scale(1.1);transition:none}.preview-subtitle{opacity:1;transition:none}&:hover{.image-container,.overlay-image,.preview-subtitle{transition:none}}}}