.content-gallery{
    background:#333;
    padding: 100px 7px;
    text-align: center;
}
.container-gallery{
    max-width: 760px;
    height: 75vh;
    margin: 50px auto 150px auto;
    border: 3px solid #fff;
    background:#fff;
    overflow: hidden;
    
}
.main-img {
    width: 100%;
    height: 60%;
    
}
.text-box{
    height:5%;
    padding: 3px;
}
.container-images{
    width: 100%;
    height: 35%;
    background-color:#fff;
    position: relative;
    z-index: 2;
}
.images{     
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: 50%;
    grid-gap: 5px;
}
.main-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.images img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}
@keyframes fadeIn{
    to{ opacity: 1}    
}
.fade-in{
    opacity: 0;
    animation: fadeIn 0.5s ease-in forwards;
    -webkit-animation: fadeIn 0.5s ease-in forwards;
}