main {
  h3 {
    position: fixed;
    margin: 0;
    font-family: Antonio, sans-serif;
    font-weight: bold;
    font-size: min(12vw, 180px);
    background: linear-gradient(to bottom, var(--accent-red-color) 40%, white 70%);
    background-clip: text;
    color: transparent;
    opacity: 60%;
    text-transform: uppercase;
  }

  a {
    position: relative;
    width: min(100%, 1100px);
    height: min(88vw, 1000px);
    margin-bottom: 75px;
    padding-inline: 10px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    box-sizing: border-box;
    display: block;

    h2 {
      position: relative;
      max-width: 46%;
      margin: 0;
      padding-top: max(-5vw, 9%);
      font-family: "Patua One", serif;
      font-weight: 100;
      font-size: min(4vw, 50px);
      text-transform: uppercase;
    }

    .button-container {
      position: absolute;
      bottom: 0;
      right: 0;
      transform: translateY(100%);
    }
  }
}