.mobile-phone {
  max-width: 350px;
  height: 100%;
  margin: 0 auto;
  aspect-ratio: var(--aspect-mobile);
  background-color: var(--slate-400);
}

.overlay {
  position: absolute;
  top: 20%;
  width: 100%;
}

.controls {
  position: absolute;
  bottom: 1%;
  width: 100%;
  margin: auto;
}

.overlay-text {
  margin: auto;
  padding-inline: 30px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: white;
  text-shadow: 1px 1px 2px rgb(0,0,0);
}