.santa-group {
  .secret-santa {
    --hat-translate-x: -52%;
    --hat-translate-y: -52%;

    &:before {
      position: absolute;
      display: block;
      padding: 0;
      margin: 0;

      background-image: url("/assets/santa_claus_hat-f429b28d.gif");
      background-repeat: no-repeat;
      width: 400px;
      height: 334px;
      content: '';
      transform: translate(var(--hat-translate-x), var(--hat-translate-y))
        scale(0.125)
      ;
    }
  }
}