.mask-1 {
  /* Safari needs the -webkit- prefix */
  -webkit-mask-image: url("/mask-1.svg");
  mask-image: url("/mask-1.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  /* Choose how the mask scales – "contain" keeps the shape */
  -webkit-mask-size: contain;
  mask-size: contain;

  -webkit-mask-position: center;
  mask-position: center;
}

.mask-2 {
  /* Safari needs the -webkit- prefix */
  -webkit-mask-image: url("/mask-2.svg");
  mask-image: url("/mask-2.svg");

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  /* Choose how the mask scales – "contain" keeps the shape */
  -webkit-mask-size: contain;
  mask-size: contain;

  -webkit-mask-position: center;
  mask-position: center;
}