.portfolioOverlaySection {
    padding: 90px;
}
.img-overlay {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
.overlay-content {
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(rgba(4,53,138,0.65), rgba(5,44,112,0.65));
    overflow: hidden;
    color: white;
    display: flex; 
    align-items: center; 
    justify-content: center; 
    padding: 20px; 
    opacity: .2;
    cursor: pointer;
    transition: .4s;
}
.img-overlay:hover .overlay-content {
    height: 100%;
    bottom: 0;
    opacity: 1; 
}
.overlay-content h6 {
    color: #fff !important;
    margin: 0; 
}
.overlay-container iframe{
    width: 580px;
}
@media (max-width:1200px) and (min-width:992px) {
    .overlay-container iframe{
        width: 480px;
    }   
}

@media (max-width:992px) and (min-width:767px) {
    .overlay-container iframe{
        width: 300px;
    } 
    
    @media (max-width:767px) {
        .overlay-container iframe{
            width: 100%;
            height: 100%;
        }   
}
}