:root {
    --banner-height: 60vh;
}

.main-banner {
    display: grid;
    grid-template-areas:
        "overlay";
    width: 100%;
}

.main-banner-gradient {
    grid-area: overlay;
    background: linear-gradient(0deg, #00000000, #261C2C20 50%, #261c2c40 100%);
    height: calc(var(--navbar-height)*2);
}

.main-banner-content {
    grid-area: overlay;
    margin-top: var(--navbar-height);
}

.main-banner-content img {
    width: 40dvw;
}

.main-banner-content h1 {
    color: var(--color-text);
    font-family: Gabarito;
    font-weight: 700;
    font-size: 3rem;
}