section.section-summer-competition {
  --summer-competition-rail: max(24px, calc((100vw - 1288px) / 2 + 24px));
  width: 100%;
  max-width: none;
  height: clamp(420px, 31.5vw, 486px);
  background-color: #2A1E1C;
}

section.section-summer-competition .section-summer-competition__inner {
  max-width: none;
}

section.section-summer-competition .section-summer-competition__background {
  background-position: 62% 50%;
}

section.section-summer-competition .section-summer-competition__copy {
  left: var(--summer-competition-rail);
}

section.section-summer-competition .section-summer-competition__prize {
  top: clamp(54px, 4vw, 64px);
  left: calc(var(--summer-competition-rail) + clamp(280px, 23vw, 350px));
  width: clamp(230px, 18vw, 300px);
}

section.section-summer-competition .section-summer-competition__badge {
  right: var(--summer-competition-rail);
}

section.section-summer-competition .section-summer-competition__terms {
  color: #fff;
  transition: opacity 0.2s ease;
}

section.section-summer-competition .section-summer-competition__terms:hover {
  color: #fff;
  opacity: 0.5;
}

@media (max-width: 820px) {
  section.section-summer-competition {
    width: 100%;
    max-width: none;
    height: clamp(930px, 267vw, 1060px);
    background-color: rgba(131, 232, 255, 0.1);
  }

  section.section-summer-competition .section-summer-competition__background {
    top: clamp(182px, 49vw, 214px);
    background-image: url("../../img/summer-competition/Background-Mobile.jpg");
    background-position: 58% 100%;
  }

  section.section-summer-competition .section-summer-competition__copy {
    top: clamp(300px, 84vw, 332px);
    left: 50%;
    width: min(62vw, 241px);
    text-align: center;
    transform: translateX(-50%);
  }

  section.section-summer-competition .section-summer-competition__terms {
    margin-top: 18px;
    font-size: 20px;
  }

  section.section-summer-competition .section-summer-competition__prize {
    top: clamp(28px, 10vw, 46px);
    left: 50%;
    width: min(76vw, 296px);
    transform: translateX(-50%);
  }

  section.section-summer-competition .section-summer-competition__badge {
    right: auto;
    bottom: clamp(92px, 25vw, 112px);
    left: 50%;
    width: min(23vw, 86px);
    transform: translateX(-50%);
  }
}

@media (max-width: 780px) {
  section.section-summer-competition {
    width: 100%;
    max-width: none;
  }
}