.site-header {
    background-image: url('navbar-bg-desktop.webp') !important;
}

@media (max-width: 768px) {
    .site-header {
        background-image: url('navbar-bg-mobile.webp') !important;
        background-size: contain !important;
        background-position: center;
        background-repeat: no-repeat !important;
    }
}

@media (max-width: 480px) {
    .site-header {
        background-image: url('navbar-bg-mobile.webp') !important;
        background-size: contain !important;
        background-position: center;
        background-repeat: no-repeat !important;
    }
}