diff --git a/style.css b/style.css index 203fe63..d71e190 100644 --- a/style.css +++ b/style.css @@ -129,7 +129,7 @@ section { padding-block: clamp(3.4rem, 7vw, 6rem); scroll-margin-top: 86px; } .hero-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(246,245,242,.35) 0%, rgba(246,245,242,0) 22%, rgba(246,245,242,0) 78%, var(--paper) 100%); } .hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; - opacity: 0; transition: opacity 1.1s ease; } + transform: translateY(-12%); opacity: 0; transition: opacity 1.1s ease; } .hero-video.is-playing { opacity: .35; } /* ---- symptom list ---- */