.bath-story {
  position: relative;
}

.bath-intro,
.bath-panel,
.bath-story-end {
  position: relative;
  z-index: 2;
}

.bath-tub-row {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
}

.bath-tub-row .fusion-column-wrapper,
.bath-tub-row .fusion-imageframe,
.bath-tub-row .fusion-imageframe img,
.bath-tub-row img {
  width: 100%;
}

.bath-tub-row .fusion-imageframe {
  display: block;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center;
}

.bath-tub-row img {
  display: block;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.bath-tub-stage {
  display: none;
  pointer-events: none;
  z-index: 1;
}

.bath-tub-stage img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.bath-story.is-pinned .bath-tub-row img,
.bath-story.is-released .bath-tub-row img {
  visibility: hidden;
}

.bath-story.is-pinned .bath-tub-stage,
.bath-story.is-released .bath-tub-stage {
  display: block;
}

.bath-story.is-pinned .bath-tub-stage {
  position: fixed;
  left: var(--bath-fixed-left, 0px);
  bottom: 0;
  width: var(--bath-fixed-width, 100%);
}

.bath-story.is-released .bath-tub-stage {
  position: absolute;
  left: var(--bath-release-left, 0px);
  top: var(--bath-release-top, 0px);
  width: var(--bath-release-width, 100%);
}

.bath-panel {
  position: relative;
  z-index: 4;
}

@media (max-width: 1024px) {
  .bath-tub-stage {
    display: none !important;
  }

  .bath-story.is-pinned .bath-tub-row img,
  .bath-story.is-released .bath-tub-row img {
    visibility: visible;
  }

  .bath-panel {
    min-height: auto;
  }
}