.divider {
  position: relative;
  overflow: clip;
}
.divider::before, .divider::after {
  display: none;
  position: absolute;
  content: "";
  width: 100%;
  height: 5vw;
  left: 0;
  right: 0;
  pointer-events: none;
  user-select: none;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: 5;
  background-position-x: center;
}
.divider::before {
  top: 0;
  margin-top: -1px;
  background-position-y: top;
}
.divider::after {
  bottom: 0;
  margin-bottom: -1px;
  background-position-y: bottom;
}
.divider > .container {
  position: relative;
  z-index: 10;
}
.divider .decor--video,
.divider .decor--image {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  z-index: -1;
}
.divider .decor--video {
  object-fit: fill;
}
.divider .decor--image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}