body .main-body .img{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 20px;
}

body .main-body .img img{
    width: 40vh;
    animation: pulse-size 2s ease-in-out;
}

@keyframes pulse-size {
    0% {
      transform: scale(0); /* Original size */
    }
    50% {
      transform: scale(1.5); /* 1.5 times the size */
    }
    100% {
      transform: scale(1); /* Back to original size */
    }
}

@media screen and (max-width: 600px) {

  body .main-body .img {
    grid-template-columns: auto;
    width: 100%;
  }


  body .main-body .img img{
    width: 30vh;
  }
}