.second {
  background: var(--black);
  color: var(--white);
  /* z-index: 2; */
  /* opacity: 0; */
  /* display: none; */
}
.second-and-half{
  color: var(--white);
  text-align: center;
  margin-bottom: 5%;
}
.we-make-games-title{

  font-size: clamp(45px, 7vw, 120px); /* min 24px, max 100px, scales with viewport */
  font-weight: 800;
  text-align: center;
  line-height: 1.2;
  text-transform: uppercase;

}
.we-make-games-content img{
    width: 124px;
}

.we-make-games-content{
  width: 100%;
}

.we-make-games-description {
    /* width: 100%; */
    /* position: absolute; */
    /* display: flex; */
    /* justify-content: center; */
    /* bottom: 7%; */
font-size: clamp(16px, 7vw, 47px);
    font-weight: 800;
    line-height: 5.5rem;
}

.we-make-games-title span {
  color: var(--primary);
}

.float {
  animation: floatUpDown 3s ease-in-out infinite;
}

/* Fixed float animation that preserves rotation */
.controller {
  animation: floatController 3s ease-in-out infinite;
  transform: rotate(-7deg);
}

.trophy {
  animation: floatTrophy 3s ease-in-out infinite;
  transform: rotate(10deg);
}

@keyframes floatController {
  0%, 100% {
    transform: translateY(0) rotate(-7deg);
  }
  50% {
    transform: translateY(-10px) rotate(-7deg);
  }
}

@keyframes floatTrophy {
  0%, 100% {
    transform: translateY(0) rotate(10deg);
  }
  50% {
    transform: translateY(-10px) rotate(10deg);
  }
}

/* Dice (no rotation) */
.dice {
  animation: floatUpDown 3s ease-in-out infinite;
}

@keyframes floatUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}


@media (max-width: 768px) {
.second, .second-and-half{
      padding: 25px;
}
  .we-make-games-content img {
    width: 85px;
}

}