/*
 * Images produced at 0.5 aspect ratio
 */

/* base height is (48vw - 5.57vh) * 0.2041 */
/* base width is 48vw - 5.57vh */
body.aspect-ratio-04622 div.pane.first div.meditation-desc-container div.meditation-desc {
  position: relative;
  top: calc(6.407487401vh);
  left: calc(100vw - 2.447660187vh - 31.4974802009vh);
  height: calc(8.459323254vh);
  aspect-ratio: 3.7234042553;

  /* background: url("../images/rendered-panel-meditation-desc-with-shadow.png") no-repeat center center;
  background-size: contain; */
}

body.aspect-ratio-04622 div.pane.first div.meditation-desc > img {
  content: url("../images/iphone-04622-version/meditation-desc-rendered.png");
}

body.aspect-ratio-04622 div.pane.first div.meditation-desc-bottom-container div.meditation-desc-bottom {
  position: relative;
  top: calc(100vh - 5.291576674vh * 2.618 - 5.867530598vh);
  left: calc(3.270194385vh * 1.618);
  height: 5.867530598vh;
  aspect-ratio: 3.8159509202;

  /* background: url("../images/rendered-panel-meditation-desc-with-shadow.png") no-repeat center center;
  background-size: contain; */
}

body.aspect-ratio-04622 div.pane.first div.meditation-desc-bottom > img {
  content: url("../images/iphone-version/rendered-text-meditation-desc-bottom.png");
}

body.aspect-ratio-04622 div.pane.second {
  background: url("../images/iphone-version/background-panels.png") no-repeat center center;
  background-size: contain;
}  

body.aspect-ratio-04622 div.pane.third {
  background-color: #101010;
  background: url("../images/iphone-04622-version/background-trees.jpg") center center;
  background-size: cover;
}