#page-gamification .solution-header img:nth-child(4) {
  z-index: 2;
}
#page-gamification .solution-header img:nth-child(5) {
  z-index: 3;
}
#page-gamification .solution-header img:nth-child(6) {
  z-index: 4;
}
#page-gamification .solution-header img:nth-child(7) {
  z-index: 5;
}
#page-gamification .solution-header img:nth-child(8) {
  z-index: 6;
}
#page-gamification .solution-header img:nth-child(9) {
  z-index: 7;
}

.gamification-img {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.gamification-img .background {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  max-height: 465px;
  background: var(--linear-gradient);
  z-index: -2;
}

.gamification-info h2 {
  display: inline-block;
  margin-bottom: 0;
  max-width: 390px;
}

.gamification-info {
  padding: 0 4%;
}

.gamification-info p {
  max-width: 390px;
}

.gamification-info img {
  max-width: 450px;
}

.gamification-img .sub {
  position: absolute;
  z-index: -1;
}

.gamification-img .background {
  border-radius: var(--border-radius);
}

.gamification-img .desktop {
  margin: 0 auto;
}

@media only screen and (min-width: 861px) {
  .gamification-section {
    min-height: calc(100vh - 68px);
  }

  .gamification-section .row {
    margin: 0 auto;
    min-height: 80vh;
    padding: 10vh 0;
    max-width: 960px;
  }

  .gamification-img {
    height: 70vh;
  }

  .gamification-img .sub,
  .gamification-img .desktop {
    height: min(100vh, 600px);
  }

  .gamification-img#gamification-game .background,
  .gamification-img#digital-spin-win .background {
    max-width: unset;
    width: 60vw;
  }

  .gamification-img#gamification-game .background {
    right: 0;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
  }

  .gamification-img#digital-spin-win .background {
    left: 0;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
  }
}

@media only screen and (max-width: 860px) {
  .gamification-section {
    text-align: center;
    max-width: 410px;
    margin: 0 auto;
  }

  .gamification-section .row {
    flex-direction: column;
    margin: 5em auto;
  }

  .gamification-section .col-reverse {
    flex-direction: column-reverse;
  }

  .gamification-img .sub,
  .gamification-img .desktop {
    width: 100%;
  }

  .gamification-img {
    width: 100%;
    margin-bottom: 1.5em;
  }

  .gamification-img .background {
    max-height: 260px;
    max-width: 260px;
  }

  .gamification-section .row .col-5 {
    flex-basis: 100%;
    max-width: 100%;
  }

  .language-cn .gamification-info .title {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 769px) {
  #page-gamification .solution-header .img {
    display: flex;
    justify-content: center;
  }

  #page-gamification .solution-header img {
    max-width: 110%;
  }
}

@media only screen and (max-width: 768px) {
  #page-gamification #reengagement .desktop {
    max-width: 120%;
    margin-top: -2em;
    margin-left: 5vw;
  }
}

@media only screen and (max-width: 540px) {
  #page-gamification #reengagement .desktop {
    margin-left: 10vw;
  }
  #page-gamification .gami-5 .gamification-info {
    margin-top: 20px;
  }

  .language-cn #page-gamification .gamification-info {
    padding: 0 20px;
  }
}