.service-illustration {
  position: relative;
  align-self: center;
  margin: 0;
  isolation: isolate;
}

.service-illustration::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 10% 4% 2%;
  border-radius: 48% 52% 14% 18%;
  background: var(--lime);
  transform: rotate(-3deg);
  opacity: .6;
}

.service-illustration img {
  display: block;
  width: 115%;
  max-width: none;
  margin-left: -7.5%;
  mix-blend-mode: multiply;
}

@media (max-width: 900px) {
  .service-illustration {
    width: min(100%, 680px);
    margin-inline: auto;
  }
}

@media (max-width: 560px) {
  .service-illustration img {
    width: 122%;
    margin-left: -11%;
  }
}