@media (min-width: 768px) {
 .hero-banner__images.is-1 .image-wrapper {
    width: 100%;
  }

  .hero-banner__images.is-2 .image-wrapper {
    width: 50%;
  }

  .hero-banner__images.is-3 .image-wrapper {
    width: 33.3333%;
  }
}

@media (max-width: 767px) {
  .hero-banner__images.is-3 .image-wrapper {
    width: 50%;
  }

  .hero-banner__images.is-3 .image-wrapper:nth-child(3) {
    display: none;
  }

  .hero-banner__images.is-2 .image-wrapper {
    width: 50%;
  }

  .hero-banner__images.is-1 .image-wrapper {
    width: 100%;
  }
}