.decoration {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  clip-path: inset(0 0 0 0);
  pointer-events: none;
}

.decoration__image {
  width: 100%;
  height: auto;
}

.decoration__image--vertical-align-top {
  top: 0;
}

.decoration__image--vertical-align-bottom {
  bottom: 0;
}

.decoration__image--vertical-align-center {
  top: -100%;
  bottom: -100%;
  margin: auto;
}

.decoration__image--fixed {
  position: absolute;
}

.decoration__image--parallax {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
}

.decoration__video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
}

.decoration__video--fixed {
  position: absolute;
}

.decoration__video--parallax {
  position: fixed;
}

.decoration__color {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

:root.root--special .decoration {
  display: none;
}