.d-lg-flex {
  overflow: hidden;
}

#bg {
  width: 100%;
  height: auto;
}

.btn2 {
  top: 34%;
}

.topleftCoin {
  animation: floating 2.5s linear infinite;
  top: 5.1%;
  left: 8.1%;
  width: auto;
}

.topleftCoin img {
  width: 10vw;
}

.toprightCoin {
  animation: floating2 3.5s linear 1s infinite;
  top: 20%;
  right: -8%;
}

.toprightCoin img {
  width: 20vw;
}

.bottomleftDice {
  animation: floating 2.5s linear infinite;
  bottom: 5.1%;
  left: -2%;
}

.bottomleftDice img {
  width: 20vw;
}

.bottomrightChip {
  animation: floating2 3.5s linear 1s infinite;
  bottom: -2%;
  left: 50%;
}

.bottomrightChip img {
  width: 30vw;
}

.counter {
  top: 61vw;
  left: 18vw;
}

.counter p,
span {
  font-family: sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 8.3vw;
  color: white;
}

.line-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 7%;
}

.mt {
  margin-top: 12.5%;
}

.content {
  cursor: pointer;
  margin-right: 1.5%;
  margin-bottom: 2%;
  width: 20vw;
  height: 25vw;
}

.crossX-img {
  height: 20%;
}

.goldcoin-img {
  height: 10%;
}

@keyframes floating {
  0% {
    transform: rotate(0deg) translate(0, 0px) rotate(0deg);
  }

  50% {
    transform: rotate(50deg) translate(0, 10px) rotate(-50deg);
  }

  100% {
    transform: rotate(140deg) translate(0, 0px) rotate(-140deg);
  }
}

@keyframes floating2 {
  0% {
    transform: rotate(0deg) translate(0, 0px) rotate(0deg);
  }

  50% {
    transform: rotate(50deg) translate(0, 20px) rotate(-50deg);
  }

  100% {
    transform: rotate(140deg) translate(0, 0px) rotate(-140deg);
  }
}

.vibrate {
  animation: vibrate 0.3s ease 1;
}

@keyframes vibrate {
  0% {
    transform: translateX(0);
  }

  20% {
    transform: translateX(-5px);
  }

  40% {
    transform: translateX(0px);
  }

  60% {
    transform: translateX(5px);
  }

  80% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(0);
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .d-lg-flex {
    overflow: hidden;
    z-index: 9999;
  }

  #bg {
    height: 100vh;
  }

  .btn2 {
    top: 34%;
  }

  .topleftCoin {
    animation: floating 2s linear infinite;
    top: 21%;
    left: 90%;
    width: 80%;
  }

  .topleftCoin img {
    width: 20%;
  }

  .toprightCoin {
    animation: floating2 2s linear 1s infinite;
    top: 5%;
    left: 9%;
  }

  .toprightCoin img {
    width: 8%;
  }

  .bottomleftDice {
    animation: floating 2s linear infinite;
    bottom: 5.1%;
    left: 1%;
  }

  .bottomleftDice img {
    width: 40%;
  }

  .bottomrightChip {
    animation: floating2 2s linear 1s infinite;
    bottom: -2%;
    right: -75%;
  }

  .bottomrightChip img {
    width: 30%;
  }

  .counter {
    top: 20.3%;
    left: 19%;
  }

  .counter p,
  span {
    font-size: 16px;
  }

  .mt {
    margin-top: 12.5%;
  }

  .content {
    cursor: pointer;
    margin-right: 1.5%;
    margin-bottom: 2%;
    width: 21%;
    height: 25%;
  }

  .crossX-img {
    height: 20%;
  }

  .goldcoin-img {
    height: 10%;
  }
}
