.image-wrapper {


  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 40px;
  max-height: 500px;
}

.image-wrapper-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Crop the image to fit without distortion */
  display: block;
}

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

  .image-wrapper {

    height: auto;

  }

  .image-wrapper-image img {

    width: 100vw;

  }
}