.bio-image-container {
  position: relative;
  overflow: hidden;
}

.bio-scrub-poster,
.bio-scrub-canvas {
  display: block;
  width: 100%;
  height: auto;
}

.bio-scrub-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  /* match bio-image border-radius/shadow from main CSS via same class bio-image */
}

.bio-scrub-canvas.is-ready {
  opacity: 1;
}

.bio-scrub-poster {
  position: relative;
  z-index: 0;
  transition: opacity 0.2s ease;
}

.bio-scrub-poster.is-hidden {
  opacity: 0;
}