#sec-3 {
    margin: 0; 
    min-height: 100svh;

    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 5rem;

    padding-top: 5rem;
    padding-bottom: 5rem;
}

#sec-3 .bg-overlay {
    background: linear-gradient(rgb(64, 64, 64) 0%, var(--prim-col) 40%);
}

#sec-3>picture>img {
    position: relative;
    max-width: 20rem;
    max-height: 50%;
    border-radius: 20px;
}

#sec-3-img {
    margin-right: 5rem;
}

.article {
    display: flex;
    flex-wrap: wrap;
    gap: 0 3rem;
}

#sec-3-content {
    position: relative;
    margin-left: 5rem;
    max-width: 40rem;
}

.article>div {
    max-width: 18.5rem;
}

.article>div>h6 {
    text-wrap: nowrap;
    margin-top: 3rem;
    margin-bottom: 1rem;
}

@media (width <= 664px) {
    #sec-3 * {
        text-align: center;
        justify-content: center;
    }

    #sec-3>div {
        margin: 0 1rem;
    }

    #sec-3>picture {
        display: none;
    }
}