.screen-content[data-css-name="Teaser"] {
  background-image: url(/images/001_FF_BG_AI_Challenge_screen@2x.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media only screen and (max-width: 480px) {
  .screen-content[data-css-name="Teaser"] {
    background-image: url(/images/AI_Challenge_Mobile_BG@2x.jpg);
  }
}
.screen-content[data-css-name="Teaser"] .btn-ranking {
  position: absolute;
  top: 35px;
  right: 43px;
  background-color: transparent;
  width: 295px;
  height: 50px;
  line-height: 50px;
  border-width: 1px;
  font-size: 14px;
}
@media only screen and (max-width: 480px) {
  .screen-content[data-css-name="Teaser"] .btn-ranking {
    top: 80px;
    width: 161.74px;
    left: calc(50vw - 161.74px / 2);
  }
}
.screen-content[data-css-name="Teaser"] .btn-start {
  position: absolute;
  bottom: 14.11vh;
  left: calc(50vw - 440px / 2);
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
@media only screen and (max-width: 480px) {
  .screen-content[data-css-name="Teaser"] .btn-start {
    bottom: 40px;
    left: calc(50vw - 161.74px / 2);
  }
}