.service-hero-wide > img {
  inset: 0 0 0 auto;
  width: 55%;
  object-fit: contain;
  object-position: center;
}

.service-hero-wide::before {
  content: "";
  position: absolute;
  inset: -22px;
  background: url("assets/wide-load-cabin-v43.jpg") center 44% / cover no-repeat;
  filter: blur(15px);
  opacity: 0.42;
  transform: scale(1.04);
}

.service-hero-cabin > img,
.service-hero-container > img {
  object-position: center 52%;
}

@media (max-width: 820px) {
  .service-hero-wide > img {
    inset: 0;
    width: 100%;
    object-fit: contain;
    object-position: center;
    opacity: 0.78;
  }

  .service-hero-cabin > img,
  .service-hero-container > img {
    object-position: center center;
  }
}