body {
  /* width: 100vw; */
}
.container1 {
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.gamediiv {
  transition: transform 0.5s ease;
}

.gamediiv:hover {
  z-index: 1000;
  transform: scale(1.03) translateY(-5px);
}

.overlap-box {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.game-box {
  background: #000;
  position: relative;
}
.game-box:hover {
}
.game-box:hover .overlap-box {
  display: block;
  opacity: 1;
  /* width: 500px; */
}
