*{
    box-sizing: border-box;
}

div#test{    
    
    display: flex;
    justify-content: center;
    
    max-width: 100%;
    
}

div#test>img{
    padding:1em;
    width: calc(25% - 1em);
    
    
}


  
  /* Style the images inside the grid */
  div#test img {
    opacity: 0.8;
    cursor: pointer;
  }
  
  div#test img:hover {
    opacity: 1;
  }

  img#expandedImg{
    padding:0 1em 1em 1em;
  }