.gallery {                                                                                             
    display: flex;                                                                                     
    text-align: center;                                                                                
    justify-content: center;                                                                           
    flex-wrap: wrap;                                                                                   
    width: 100%;                                                                                  
    margin: auto;
    align-items: center;
    align-self: center;
    gap: 4px;
    div {
        border: 4px solid #ffffff1f;
        border-radius: 8px;
        padding: 4px;                                                                                  
        margin: 8px;                                                                                   
        max-width: 40%;                                                                              
        img {          
        	border-radius: 4px;                                                                                
            width: 100%;                                                                               
        }   
        transition: all 150ms ease-in-out;
    }      
    div:hover {
    	max-width: 45%;
    }                                                                                            
}