.hero_section{
    padding-top: 60px;
    padding-bottom: 100px;
    background: linear-gradient(rgb(235, 239, 250) 0%, rgba(248, 249, 252, 0) 70%);
  }

.img-hover-zoom {
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.05);
}
.figure-img{
  max-width: 400px;
}
@media(max-width: 960px) {
  .figure-img{
  max-width: 300px;
}

}

@media(max-width: 600px) {
 .figure-img{
  max-width: 200px;
}
}

@media(max-width: 380px) {
  .figure-img{
  max-width: 200px;
}
}