.hero{width:100%;height:100vh;background:var(--color-black-metal);overflow:hidden}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,#050505,transparent);z-index:1}.hero-img{position:absolute;object-fit:cover;width:100%;height:100%;animation:appear 4s ease-out forwards;will-change:transform,opacity}@keyframes appear{0%{opacity:0}to{opacity:1}}