.spotlight{position:relative;width:100%;height:100vh;padding:1rem;align-content:center;overflow:hidden}.spotlight-images{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.spotlight-img{position:absolute;top:50%;left:50%;width:clamp(20rem,25vw,40rem);aspect-ratio:7/5;border-radius:.5rem;transform:translate(-50%,250%);overflow:hidden;will-change:transform}.spotlight-images img{width:100%;height:100%;object-fit:cover}.spotlight-header{width:50%;margin:0 auto;text-align:center;color:violet}@media (max-width:768px){.spotlight-img{position:absolute;top:50%;left:50%;width:clamp(15rem,25vw,40rem);aspect-ratio:7/5;border-radius:.5rem;transform:translate(-50%,200%);overflow:hidden;will-change:transform}}.slider-images:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);pointer-events:none;z-index:2}