.float {
  display: inline;
  width: 80%;
  -webkit-animation: float 15s 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: 100%;
  -webkit-animation: float2 20s ease-in-out infinite;
  -webkit-transform: translate(28%, 30%) rotate(8deg);
}

.float3 {
  display: inline;
  width: 100%;
  -webkit-animation: float3 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%, 5%) rotate(120deg); } }

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