body {
  font-family: Arial, Helvetica, sans-serif;
  background:rgba(0, 0, 0, 0.07);
  overflow: hidden;
}

.container {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

h1 {
  margin-bottom: 50px;
}

.image-box {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.image-box img {
  width: 60%;
  height: auto;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1), 0 3px 16px rgba(0, 0, 0, 0.07);
  cursor: pointer;
  border-radius: 20px;
  transition: ease 0.4s;
  border: 5px solid #000;
}

.image-box img:hover {
  width: 61%;
}

.phoebe-rotate {
  transform: rotate(0.5turn);
}

.phoebe-full {
  transform: rotate(3.0turn);
}

.phoebe-shrink {
  transform: scale(0.5) translate(-150%, -50%);
}

.phoebe-absolute {
  position: absolute;
}