body{
    background-color: black;
}
.heading{
    text-align: center;
    padding-top:1%;
    padding-top:1%;
    color:aqua;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .image-container {
    width: 300px;
    /**height: 300px;**/
    margin: 10px;
  }
  
  .image-container img {
    width: 100%;
    /**height: 100%;**/
    object-fit: cover;
  }

  #text{
    color:white;
    display:flex;
    padding-top:100px;
    justify-content:center;
  }
  
  @media (max-width: 768px) {
    .image-container {
      width: 200px;
      height: 200px;
    }
    #text {
      display:flex;
      padding-top:50px;
      justify-content:center;
    }
  }
  
  @media (max-width: 576px) {
    .image-container {
      width: 100%;
      height: 100%;
    }
  }