.image-container {
    display: flex;
    flex-wrap: nowrap;  
}    
.image-row {
    display: flex;
    width: 100%;
}
.image-container>.image-row>a{    
    object-fit: cover;
    width: 8vw;        
    margin: 10px;
    padding: 15px 5px 0px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
}    
.image-container>.image-row>a>img {
    width: 3vw;
}
.image-container a>h6 {
   text-decoration: none;
   font-size: 2.2em;
   font-weight: 1500;       
}
.botão {
    margin: 10px;
    border: none;
    background-color: white;
}
.botão:hover{
    width: 190px;
}
.image-container-passado {
    display: flex;
    flex-wrap: wrap;  
}    
.image-row-passado {
    display: flex;
    flex-wrap: wrap;  
    justify-content: center;       
}
.image-container-passado>.image-row-passado>.passado{   
    object-fit: contain;
    width: 8vw;  
    margin: 10px;
    padding: 15px 5px 0px 10px;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
}  
.image-container-passado>.image-row-passado>.passado>img {
    width: 3vw;
}

/* Responsividade  */

@media (max-width: 1428px) {
    .image-container>.image-row>a>img {
        width: 2.8vw;
    }
    .image-container a>h6 {
        font-size: 2em; 
        white-space: nowrap;
        transform: scale(0.7);
    }
    .image-container>.image-row>a{ 
        width: 7.2vw;        
        margin: 10px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }    

    .image-container-passado>.image-row-passado>.passado{   
        object-fit: contain;
        width: 7.2vw;  
        margin: 10px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }  
}

@media (max-width: 1440px) {
    .image-container-passado>.image-row-passado>.passado{   
        object-fit: contain;
        width: 11vw;  
        margin: 10px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }  
    .image-container-passado>.image-row-passado>.passado>img {
        width: 3vw;
    }
    .image-container-passado a>h6 {
        width: 100%;
        font-size: 2.2em; 
        white-space: nowrap;
    }
}


@media (max-width: 1148px) {
    .image-container-passado>.image-row-passado>.passado{   
        object-fit: contain;
        width: 13vw;  
        margin: 10px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }  
    .image-container-passado>.image-row-passado>.passado>img {
        width: 4vw;
    }
    .image-container-passado a>h6 {
        width: 100%;
        font-size: 2.2em; 
        white-space: nowrap;
    }
}

@media (max-width: 944px) {
    .image-container-passado>.image-row-passado>.passado{   
        object-fit: contain;
        width: 15vw;  
        margin: 10px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }  
    .image-container-passado>.image-row-passado>.passado>img {
        width: 5vw;
    }
    .image-container-passado a>h6 {
        font-size: 1.8em;
    }
}


@media (max-width: 672px) {
    .image-container-passado>.image-row-passado>.passado{   
        object-fit: contain;
        width: 20vw;  
        margin: 10px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }  
    .image-container-passado>.image-row-passado>.passado>img {
        width: 8vw;
    }
    .image-container-passado a>h6 {
        font-size: 1.8em;
    }
}

@media (max-width: 991px) {
    .image-container>.image-row>a>img {
        width: 5vw;
    }
    .image-container>.image-row>a{ 
        width: 12vw;        
        margin: 10px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }    
}


@media (max-width: 498px) {

    .botão {
        margin: 3px;
        border: none;
        background-color: white;
    }

    .botão>img{
        width: 25px;
    }


    .image-container>.image-row>a>img {
        width: 7vw;
    }
    .image-container>.image-row>a{ 
        width: 13vw;        
        margin: 5px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }   
    .image-container>.image-row>a>h6{
        text-align: left;
    }
    .image-container-passado>.image-row-passado>.passado{   
        object-fit: contain;
        width: 20vw;  
        margin: 10px;
        padding: 15px 5px 0px 10px;
        border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
    }  
    .image-container-passado>.image-row-passado>.passado>img {
        width: 8vw;
    }
    .image-container-passado a>h6 {
        font-size: 1.8em;
    }
}