Background-attachment: fixed causes image to flicker on mobile

When I'm on mobile, and I scroll down to the point where the browsers' url bar disappears, the background-image flickers into a new place.

section {
    display: flex;
    flex-direction: column;
    color: white;
    background: center / cover no-repeat url("../assets/hero.webp") fixed;
    min-height: min(90vh, 50rem);
}


I thought it might be because I was using vh, so I tried dvh but the issue still persists. Any suggestions?

I can link to my site if need be, not sure if it's necessary though
Was this page helpful?