.edge-banner {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 0;
    margin-bottom: 0;
    height: var(--banner-height, 400px);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
@media (max-width: 768px) {
    .edge-banner {
        height: var(--banner-mobile-height, 250px);
        background-size: contain;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 480px) {
    .edge-banner {
        height: calc(var(--banner-mobile-height, 250px) * 0.8);
        background-size: contain;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
    }
}