.banner {
    padding: 4vw 0;
    background: var(--third-color) center / cover no-repeat url("../images/background-green.svg");
}

.header {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: max(50vh, 300px);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.header .cover {
    position: absolute;
    background: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.header .container {
    z-index: 6;
}

.header h1 {
    color: var(--main-color);
}