/* The grid: Four equal columns that floats next to each other */
  .thumbnail {
    display: inline-block;
    padding: 10px;
    width: 25%;
    
  }
  .thumbnail img {
    opacity: 0.8; 
    cursor: pointer;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  }

  .thumbnail img:hover {
    opacity: 1;
  }
  
  .thumbnail-gallery {
    margin: 20px;
    overflow: auto;
    white-space: nowrap;
  }

  /* The expanding image container */
  .image-container {
    margin: 20px;
    text-align: center;
  }
  
  .image-container img{
    max-width: 100%;
    height: auto;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
  }