.container{
    max-width: 97%;
    margin:20px auto;
  }
  
  .container .title{
    font-size: 25px;
    background-color: #000;
    color:#fff;
    border-radius: 5px;
    margin-bottom: 10px;
    text-align: center;
    padding:15px;
  }
  
  .container .image-container{
    columns:5 250px;
    gap:15px;
  }
  
  .container .image-container img{
    margin-bottom: 10px;
    border-radius: 5px;
    width: 100%;
    transition: .5s;
  }
  .container .image-container img:hover{
    transform: scale(1.5);
  }
  @media only screen and (max-width: 600px) {
      .container .image-container{
          columns:2 50px;
          gap:10px;
      }
  }