#transition-container {
    position: relative;
    z-index: 1;
    margin-top: -250px;
    height: 250px;
    pointer-events: none;
}

#transition {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, transparent 0%, #1a1a1a 100%);
}

#sec-4 {
    height: 427px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: -80px;
}

#sec-4 .bg-overlay {
    background: linear-gradient(to bottom, #1a1a1a 0%, rgba(36, 36, 36, 0.96) 25%, rgb(36, 36, 36) 100%);
}

.sec-4-btn {
    display: inline;
    text-decoration: none;
    padding: 10px 20px;
}

#sec-4 .btn-container a {
    text-decoration: none; 
}

#sec-4 .btn-container, 
#sec-4-content {
    position: relative;
    margin-left: 5rem; 
    margin-right: 5rem; 
}

@media (width <= 664px) {
    #sec-4 {
        align-items: center; 
    }

    #sec-4 * {
        text-align: center; 
    }

    #sec-4 .btn-container {
       display: flex; 
       align-items: center; 
    }
}