I am having problem with background-attachment:fixed. When I use this property then the image size gets bigger.
How can I keep the image size in normal ratio but using parallax effect.
Code:
<div class="full_width full-bg">
<div class="contact-banner ratio4_1"></div>
</div>
<div style="margin-top:3rem;"></div>
<div class="full_width full-bg">
<div class="contact-banner ratio4_1 parallax"></div>
</div>
Demo: https://jsfiddle.net/squidraj/w7rxv5xj/embedded/result/
Editor: http://jsfiddle.net/squidraj/w7rxv5xj/
I want to keep the image size as first one but would like to apply parallax effect.
Any help is highly appreciated. Thanks in advance.