.mybox {
  display: grid;
  width: 80%;
  background-color: #ddd;
  box-shadow: 2px 10px 20px 5px #000;
  padding: 10px;
  margin: auto;
}


.img-hover-zoom {
  width: 100%; 
  max-width: 500px; 
  height: 300px; 
  overflow: hidden;
  margin-bottom: 20px;
}
.img-hover-zoom img {
  transition: transform .5s ease;
    object-fit: cover;
    width: 100%;
    max-width: 500px;
    height: 300px;
}

.img-hover-zoom:hover img {
  transform: scale(2);
}