/* .image::before {
  content: url('../images/iiaa-intro.jpg');
  display: block;
  position: absolute;
  top: 80px;
  left: 80px;
  filter: invert(1);
  mix-blend-mode: darken;
  z-index: var(--z-image);
} */
.image{
    position: relative;
    pointer-events: none;
}
.imageOverlay {
    display: block;
    background-image: url('/images/iiaa-intro.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-size:100%;
    height: 100%;
    width: 100%;
    position: absolute;
    filter: invert(1);
    mix-blend-mode: darken;
    z-index: var(--z-image);
}

.image img {
  mix-blend-mode: difference;
  filter: brightness(0) invert(1);
  position: relative;
  z-index: var(--z-image);
}
.no-blend .imageOverlay, 
.no-blend img {
	mix-blend-mode: initial;
	filter: none;
	z-index: 1;
}


.responsive-animation {
  width: 100%;
}

.responsive-animation .container {
	width: 100% !important;
	height: auto !important;
}
.responsive-animation .container:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.responsive-animation .canvas {
  width: 100% !important;
  height: 100% !important;
  top: 0px;
  right: 0px;
}

.responsive-animation .domoverlay {
	width: 100% !important;
	height: 100% !important;
}