/* body {
  width: 100vw;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
} */

.bowl {
  display: block;
  position: sticky;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.bowl1 {
  top: 30%;
  margin-top: 50vh;
  rotate: -10deg;
  transform-origin: top;
}

.bowl2 {
  top: 34%;
  margin-top: 50vh;
  rotate: 5deg;
  transform-origin: top left;
}

.bowl3 {
  top: 42%;
  margin-top: 50vh;
  rotate: -5deg;
  transform-origin: top left;
}

.bowl4 {
  top: 45%;
  margin-top: 50vh;
  rotate: 6deg;
  transform-origin: top left;
}

.bowl5 {
  top: 50%;
  margin-top: 50vh;
  margin-bottom: 35vh;
}