.animals-hero,
.service-hero,
.contact-hero {
  clip-path: polygon(0 0, 100% 0, 100% 89%, 0 100%);
}

.location-hero .slide::after {
  background:
    linear-gradient(180deg, rgba(34, 23, 14, 0.2), rgba(34, 23, 14, 0.08) 35%, rgba(34, 23, 14, 0.26)),
    linear-gradient(120deg, rgba(153, 138, 92, 0.22), transparent 45%);
}

.animals-hero-media,
.service-hero-media,
.contact-hero-media,
.wool-hero-media {
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.animals-hero-media::after,
.service-hero-media::after,
.contact-hero-media::after,
.wool-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(34, 23, 14, 0.2), rgba(34, 23, 14, 0.08) 35%, rgba(34, 23, 14, 0.24)),
    linear-gradient(120deg, rgba(153, 138, 92, 0.22), transparent 45%);
}