Oh yes, I forgot the placement.
Its simple, instead of div you can use the span tag. Then the code changes to the following:
<p>
<span class=" animated bounceInUp delay1 duration2 eds-on-scroll ">
//Image 1 content//
</span>
<span class=" animated bounceInUp delay3 duration2 eds-on-scroll ">
//Image 2 content//
</span>
<span class=" animated bounceInUp delay5 duration2 eds-on-scroll ">
//Image 3 content//
</span>
</p>
Another way to keep using div tag is to just add style="display: inline-block;" to the div so each div becomes:
<div style="display: inline-block;" class=" animated bounceInUp delay5 duration2 eds-on-scroll ">
//Image 3 content//
</div>