body {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 393px;
  height: 100%;
  font-family: Arial, sans-serif;
  background-image: url('./001.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: contain;
  margin: 0 auto;
  overflow-y: auto;
}

@media screen and (min-width: 510px) {
  body {
    max-width: 420px;
    background-size: contain;
  }
}

@media screen and (max-width: 615px) {
  body {
    width: 100vh;
    background-size: cover;
    overflow: hidden; 
  }
}

.container {
  max-width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}

.image {
  width: 70%;
  display: block;
  margin: 0 auto 30px auto;
}

.image:active {
  transform: scale(0.95);
}
.imageButton:hover {
  transform: scale(1.05);
}