vuestic-ui/dist/esm-node/VaParallax.css

Vue 3 UI Framework

:root,
:host {
  --va-parallax-display: block;
  --va-parallax-width: auto;
  --va-parallax-z-index: 0;
  /* Image container */
  --va-parallax-image-container-contain: strict;
  --va-parallax-image-container-user-select: none;
  /* Image */
  --va-parallax-image-will-change: transform;
  --va-parallax-image-transition: 0.3s opacity linear;
}
.va-parallax {
  display: var(--va-parallax-display);
  position: relative;
  overflow: hidden;
  width: var(--va-parallax-width);
  z-index: var(--va-parallax-z-index);
  font-family: var(--va-font-family);
}
.va-parallax__image-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  contain: var(--va-parallax-image-container-contain);
  -webkit-user-select: var(--va-parallax-image-container-user-select);
     -moz-user-select: var(--va-parallax-image-container-user-select);
          user-select: var(--va-parallax-image-container-user-select);
}
.va-parallax__image {
  position: absolute;
  bottom: 0;
  left: 50%;
  min-width: 100%;
  max-width: unset;
  min-height: 100%;
  display: none;
  transform: translate(-50%, 0);
  will-change: var(--va-parallax-image-will-change);
  transition: var(--va-parallax-image-transition);
  z-index: 1;
}
.va-parallax__item-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  contain: strict;
}