.hero-section{aspect-ratio:5/7;background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:var(--mobile-bg);width:100%;position:relative;overflow:hidden}@media (min-width:1024px){.hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;background-image:var(--desktop-bg)}}