footer {
  -webkit-mask-image: url("../svg/mask-union.svg");
  mask-image: url("../svg/mask-union.svg");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.mask-connect {
  -webkit-mask-image: url("../svg/mask-sq-long.svg");
  mask-image: url("../svg/mask-sq-long.svg");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.image-mask-4-3 img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
  -webkit-mask-image: url("../svg/rmh-mask-ratio-4-3.svg");
  mask-image: url("../svg/rmh-mask-ratio-4-3.svg");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}


.bg-heart-1-gold::before {
  content: '';
  position: absolute;
  width: 50%;
  height: 114%;
  left: 0;
  top: -7%;
  left: -7%;

  background-color: var(--rmh-gold);
  -webkit-mask-image: url("../svg/rmh-heart-1.svg");
  mask-image: url("../svg/rmh-heart-1.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center right;
  mask-position: center right;
  -webkit-mask-size: cover;
  mask-size: cover;
}

@media (max-width: 767px) {
  .bg-heart-1-gold::before {
    width: 100%;
  }
}

.event-banner-mask {
  -webkit-mask-image: url("../svg/event-banner-mask.svg");
  mask-image: url("../svg/event-banner-mask.svg");

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}