*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}










.general {
position: relative;
  height: 9000px;
}

.general img {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: auto;
  mix-blend-mode: multiply;
}

body {
  overflow-x: hidden;
}










.fou {
  position: fixed;
  top: 45%;
  left: 50px;
  z-index: 100;
  transform: rotate(90deg);
  cursor: pointer;
}

.fou path {
    animation: swim 2s infinite alternate;
}
@keyframes swim {
    100% {
        d:path("m 9.5331218,9.1438047 h 2.9506192 c -0.889727,2.6252353 0.303158,5.2853503 0.744226,7.9818373 0.268752,2.034902 0.193115,4.476793 -0.257488,5.497193 0,0 1.244507,-0.322356 2.028404,0 -0.524342,1.538077 -1.72778,3.242675 -3.353785,4.528342 -1.9952075,-1.451155 -3.1023683,-2.655569 -3.8342197,-4.528342 0.6468351,-0.218312 1.9853275,0 1.9853275,0 0,0 1.3331972,-2.255776 0.1319543,-5.967802 C 9.3962128,15.011245 8.6799426,11.56033 9.5331267,9.1438047 Z")
    }
}

.folle {
  position: fixed;
  top: 45%;
  right: 50px;
  z-index: 100;
  transform: rotate(-90deg);
  cursor: pointer;
}

.folle path {
    animation: swim 2s infinite alternate;
}