/* парение пауча КРАСНЫЙ */
.s1 {
  animation: floating 3s ease-in-out infinite;
  transform-origin: center center;
}

@keyframes floating {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

/* парение пауча КОРЧИЧНЕВЫЙ */
.s2  {
  animation: floating 3s ease-in-out infinite;
  transform-origin: center center;
}

@keyframes floating {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}



/* ФОН ПЛЫВЕТ КРАСНЫЙ */
@media screen and (min-width: 980px) {
  .zzzw2 {
    animation: wobble 4s infinite ease-in-out;
    transform-origin: center center;
  }

  @keyframes wobble {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(15deg); }
    40%  { transform: rotate(-15deg); }
    60%  { transform: rotate(10deg); }
    80%  { transform: rotate(-10deg); }
    100% { transform: rotate(0deg); }
  }
}



/* ФОН ПЛЫВЕТ КОРИЧНЕВЫЙ */
@media screen and (min-width: 980px) {
  .zzzw1 {
    animation: wobble1 6s infinite ease-in-out;
    transform-origin: center center;
  }

  @keyframes wobble1 {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(8deg); }
    50%  { transform: rotate(-8deg); }
    75%  { transform: rotate(6deg); }
    100% { transform: rotate(0deg); }
  }
}