.pixicontainer {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #000;
            overflow: hidden;
        }
   /*     #watereffect {
            width: 100%;
            height: 100%;
        } */

#watereffect {
  position: fixed;
  top: -2.5%;
  left: -2.5vw;
  width: 105vw;
  height: 105%;
  margin: 0 auto;
  overflow: hidden;
  filter: contrast(100%) brightness(102%) saturate(112%);}

@media (max-width: 640px) {
  #watereffect{
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  pointer-events: none;
	}}