#sec-1 {
    min-height: 50svh;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

#sec-1 .bg-overlay {
    background: linear-gradient(var(--prim-col) 90%, rgb(36, 36, 36) 100%);
}

#sec-1-content {
    max-width: 30rem;
    margin-left: 2rem;
    margin-right: 2rem;
}

@media(width >= 1300px) {
    #sec-1-content {
        max-width: 40rem;
    }
}

#sec-1-img {
    display: block;
    width: 25rem;
}

#sec-1-img img {
    width: 100%;
}

@media(width <= 750px) {
    #sec-1 {
        flex-direction: column;
    }

    #sec-1-content {
        text-align: center;
    }

    #sec-1-content h2 {
        margin-top: 4rem;
        margin-bottom: 0;
    }

    #sec-1-img {
        margin-bottom: 4rem;
    }
}