I agree with the
:root { --header-height: 90px; --header-sticky-height: 0px; --header-background-height: 90px; } .no-js { --header-sticky-height: 0px; } .main-content > .shopify-section.supports-transparent-header:first-child [data-prevent-transparent-header] { --full-height: var(--content-full); } @supports not (selector(:has(*))) { .is-first-section-transparent .main-content > .shopify-section.supports-transparent-header:first-child { --full-height: var(--content-full); --content-full: calc(100vh - var(--announcement-height)); } .is-first-section-transparent .shopify-section-header { height : auto; } .is-first-section-transparent .site-header { position: absolute; } .is-first-section-transparent .main-content > .supports-transparent-header:first-child .banner-content, .is-first-section-transparent .main-content > .supports-transparent-header:first-child .banners--cols .banner, .is-first-section-transparent .main-content > .supports-transparent-header:first-child .banners--row .banners__content, .is-first-section-transparent .main-content > .supports-transparent-header:first-child .banner-image__text-wrapper, .is-first-section-transparent .main-content > .supports-transparent-header:first-child .slide__text__wrapper, .is-first-section-transparent .main-content > .supports-transparent-header:first-child .split-images__content, .is-first-section-transparent .main-content > .supports-transparent-header:first-child .video-text-wrapper { padding-top: calc(var(--header-height) + var(--gutter)); } .is-first-section-transparent .main-c
#SectionBannerImage--template--21668926947670__2fdcf875-f472-4d4e-8a6c-8136fe9b7ee7 { --min-height: one-fifth-heightpx; --overlay-opacity: 0.5; }

Open image lightbox