html,
body,
#root {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: hsl(340, 68%, 72%);
}
.container {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-gap: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  perspective: 800px;
}
img {
  transform: rotateY(90deg);
  transition: all 0.5s ease-in-out;
  width: 100%;
  height: 100%;
}