.gallery{
    width: 50%;
    margin: auto;
  }

  .images{

    display: grid;
    grid-template-columns:  235px 235px 235px;
    grid-template-rows:  235px 235px 235px;
  }

  .image{
    width: 100%;
    height: 100%;
    display: block;
  }

  .image-container{
    position: relative;
  }

  /* Responsive Design starts here */
  @media only screen and (max-width: 1240px) {
    .gallery {
      width: 600px;
    }
  }
  @media only screen and (max-width: 768px) {
    .gallery {
      width: 100%;
      grid-template-columns:  auto;
      grid-template-rows:  auto;
    }
  }
  @media only screen and (max-width: 480px) {
    .gallery {
      width: 100%;
    }

    .image-container{
      width: 100%;
    }
  }