:root{
  --containerh: 100vh;
  --video-max-w: 768px;
}

#videoani {
  position: relative;
  background: black;
  scroll-behavior: smooth;
}

#videoani .holder {
  position: sticky;
  top: 0;
  text-align: center;
  height: var(--containerh);
}

#videoani video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#videoani div.story {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: white;
}

#videoani div.story div {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.stickytop{
  background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 100%);
  position: sticky;
  top:0;
}

.stickybot{
  background: linear-gradient(to top, var(--pico-background-color) 0%, rgba(0,0,0,1) 33%, rgba(0,0,0,0) 100%);
  position: sticky;
  bottom:0;
}