.float {
  display: inline;
  width: 100%;
  -webkit-animation: float 30s ease-in-out infinite;
}

.float1 {
  display: inline;
  width: 80%;
  -webkit-animation: float1 6s ease-in-out infinite;
  -webkit-transform: translate(28%, 30%) rotate(8deg);
}

.float2 {
  display: inline;
  width: 90%;
  -webkit-animation: float2 20s ease-in-out infinite;
  -webkit-transform: translate(28%, 30%) rotate(8deg);
}

@-webkit-keyframes float {
  0%,100% {
    -webkit-transform: translate(10%, 100%) rotate(-180deg); }
  50% {
    -webkit-transform: translate(10%, 80%) rotate(120deg); } }

@-webkit-keyframes float1 {
  0%,100% {
    -webkit-transform: translate(0%, 10%) rotate(5deg); }
  50% {
    -webkit-transform: translate(0%, 30%) rotate(-5deg); } }
	
@-webkit-keyframes float2 {
  0%,100% {
    -webkit-transform: translate(0%, -10%) rotate(-10deg); }
  50% {
    -webkit-transform: translate(0%, 10%) rotate(50deg); } }