:root{
    --leaves_opacity: 0.33;
    --leaves_blendmode: multiply;
    --leaves_maskimage: none;
    --leaves_maskrepeat: no-repeat;
    --leaves_maskposition: center center;
    --leaves_masksize: auto 100%;
    --leaves_zindex: 0;
}

#sitefx_leaves{
  position: absolute; width: 100%; height: 100%; top: 0; left: 0;
  pointer-events: none;
}

#sitefx_leaves.debug{
  mix-blend-mode: normal !important;
}

#sitefx_leaves .sitefx_container{
  position: absolute; width: 100%; height: 100%; top: 0; left: 0;
}

#sitefx_leaves{
  opacity: var(--leaves_opacity);
  mix-blend-mode: var(--leaves_blendmode);

  z-index: var(--leaves_zindex);

  mask-image: var(--leaves_maskimage);
  mask-repeat: var(--leaves_maskrepeat);
  mask-position: var(--leaves_maskposition);
  mask-size: var(--leaves_masksize);
}

#sitefx_leaves canvas{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}

#sitefx_leaves .dot{
  width:1vw;
  height:1vw;
  position: fixed;
  background: url(../../img/leaf.png);
  background-size: 100% 100%;
}

@media  (max-width: 599px) {
    #sitefx_leaves .dot{
      width:3vw;
      height:3vw;
    }
}