How to fade animate an image icon in html/css - html

Question

Hi I am trying to duplicate the flame icon animations on the left and right of this wix webite:How can i position the flame icon to the far right or left and also make it have a fade animatiion
http://jirungu2012.wix.com/firebrandoption2
This is the htm code
<section id="ourfires" class="portfolio page-section add-top add-bottom">
<div id="right">
<img src="http://static.wixstatic.com/media/d57153_09c71d3fe10848c3a04b18f8d8a6c2b3.png_srz_p_487_587_75_22_0.50_1.20_0.00_png_srz" />
<!-- inner-section : starts -->
<section class="inner-section">
<!-- container : starts -->
<section class="container">
<div class="row">
<article class="col-md-12">
<h1 style="text-align:left;"><span class="animated" data-fx="bounceInRight">Our fire</span></h1>
<article id="article"><hr class="hr"></hr></article>
<div class="clearfix"></div>
<div id="mid">
<p class="promod-text dark-text">Our fire is all about <b>Big Brand Ideas</b> that not only have an <b>edge in the market</b> and make a difference in the <b>bottom line</b>,but ieas are: </p>
<p>
<ul id="navlist" class="promod-text dark-text" >
<li>Locally relevant</li>
<li>Creatively imagined and executed</li>
<li>Internationally recognized</li>
</ul>
</p>
<br><br><br><br><br>
</div>
</article>
</div
></section>
<!-- container : ends -->
</section>
<!-- inner-section : ends -->
</div>
</section>
The css
#ourfires{
background: url('../images/bg/03.jpg');
background-color:#ffffff;
}

Answer 1

Here is my take on what I understood from your question.
HTML:
<div id="left">
<img src="img.jpg" />
</div>
<div id="right">
<img src="img.jpg" />
</div>
CSS:
#left, #right {
max-width: 100px;
position: absolute;
display: none;
}
img {
max-width: 100%;
}
#left {
left: 0;
top: 40%;
}
#right {
right: 0;
top: 40%;
}
jQuery:
$(document).ready(function () {
$("#left").add("#right").fadeIn();
});
FIDDLE here
EDIT:
I have used your code and compiled the required behavior in this BOOTPLY. Please have a look.

Answer 2

you can simply add some Jquery animations after document is ready or window is loaded:
$(document).ready(function() {
// animate your image
});
$(window).load(function() {
// animate your image
});
Example of animation :see this Fiddle
EDITED LINK