JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="ads">
    <li><a href="#"><img src="http://dummyimage.com/200x100/0f0/000&text=ad1"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/200x100/f0f/000&text=ad2"></a></li>
    <li><a href="#"><img src="http://dummyimage.com/200x100/06f/000&text=ad3"></a></li>
</ul>

CSS

#ads li { margin:1em; text-align:center; }
#ads img { -webkit-transition:-webkit-transform 0.5s linear; }

JavaScript

$(document).ready(function() {
    $('#ads img').each(function(i) {
        $(this).css({
            '-webkit-transition-delay': (i/2) + 's'
            ,'-webkit-transform': 'scale(1.2)'
        });
    });
});