@keyframes floatSlow{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-12px);
}

100%{
transform:translateY(0px);
}

}

.hero-float{

animation:floatSlow 5s ease-in-out infinite;

}

.hero-float-delay{

animation:floatSlow 6s ease-in-out infinite;

}

.hero-float-delay2{

animation:floatSlow 7s ease-in-out infinite;

}

.hero-float-delay3{

animation:floatSlow 8s ease-in-out infinite;

}