:root {
  --viola: #fff;
}

.float1 {
  animation: float1 2s ease infinite alternate both;
}

.float3 {
  animation: float1 5s ease infinite alternate both;
}

.float2 {
  animation: float2 3s ease infinite alternate both;
}

@keyframes float1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}

@keyframes float2 {
  0% {
    transform: translate(0px,0px);
    /*transform: translateX(0px);*/
  }
  100% {
    transform: translate(10px,10px);
    /*transform: translateX(10px);*/
  }
}