.green-reveal-region { position: relative; isolation: isolate; }
.green-reveal-region .green-reveal::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: #a8c4ad;
  clip-path: var(--pattern-clearance, inset(100%));
  mask-image: url('www.averyhealthcare.co.uk/wp-content/themes/avery/assets/images/brand-refresh/pattern-botanical.png');
  -webkit-mask-image: url('www.averyhealthcare.co.uk/wp-content/themes/avery/assets/images/brand-refresh/pattern-botanical.png');
  mask-mode: luminance;
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: center;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.green-reveal-region .green-reveal {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  backdrop-filter: invert(1) grayscale(1) brightness(1.9) sepia(.15);
  -webkit-backdrop-filter: invert(1) grayscale(1) brightness(1.9) sepia(.15);
  mask-image: var(--reveal-trail, linear-gradient(transparent, transparent));
  -webkit-mask-image: var(--reveal-trail, linear-gradient(transparent, transparent));
}
@media (prefers-reduced-motion: no-preference) {
  .green-reveal-region .green-reveal { display: block; }
  .green-reveal-region.green-revealing .green-reveal { opacity: 1; }
}