.footer-landscape {
  position: relative;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
}
.footer-landscape > img {
  display: block;
  width: 100%;
  height: auto;
  filter: grayscale(1);
  mask-image: linear-gradient(to bottom, transparent, #000 8%, #000 92%, transparent), url("../images/home/quiet-sky-mask.19ee559fd613.svg");
  mask-size: 100% 100%, cover;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-composite: intersect;
}