title: How to change parallax image position from its default top
body: <p>Actually i am using parallax.js for scrolling effect. but that parallax image was hidden into the top portion of the header there by i can see only the bottom side. i want to view the parallaxed image top portion or the full image. </p>
  
  <p>i used data attribute</p>
  
  <pre><code>&lt;div style="background-color: rgba(0, 0, 0, 0);" class="parallax-container" data-parallax="scroll" data-position="top" data-bleed="10" data-image-src="images/prodct-bnr1.jpg" data-natural-width="1360" data-natural-height="435" &gt;
  </code></pre>
  
  <p>Thanks in advance</p>