@media screen and (max-width:1000px) {
    .hero {
        height: 100vh;

        background-size: cover;
        background-position: center;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    #home .hero {
        background-image: url(../images/thumbnails/website_thumbnail_mv.webp) !important;
    }

    #art .hero {
        background-image: url(../images/thumbnails/art_jatoon2024_thumbnail_mv.webp) !important;
    }
}