<style><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->body {<!-- [et_pb_line_break_holder] -->overflow: hidden;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.any-image {<!-- [et_pb_line_break_holder] --> display: block;<!-- [et_pb_line_break_holder] --> position: absolute;<!-- [et_pb_line_break_holder] --> margin: 0;<!-- [et_pb_line_break_holder] --> transition: all 1s ease-in-out;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* starting values, position could be calculated in absolute (px) or flexible (em's, %'s') units */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.SP1-start {<!-- [et_pb_line_break_holder] --> left: 15%;<!-- [et_pb_line_break_holder] --> top: 10em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.SP2-start {<!-- [et_pb_line_break_holder] --> left: 60%;<!-- [et_pb_line_break_holder] --> top: 10em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.SP3-start {<!-- [et_pb_line_break_holder] --> left: 15%;<!-- [et_pb_line_break_holder] --> top: 40em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.SP4-start {<!-- [et_pb_line_break_holder] --> left: 60%;<!-- [et_pb_line_break_holder] --> top: 40em;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->/* finishing values */<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.SP1-scroll {<!-- [et_pb_line_break_holder] --> left: -25px;<!-- [et_pb_line_break_holder] --> top: -25px;<!-- [et_pb_line_break_holder] --> transform: rotate(-15deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.SP2-scroll {<!-- [et_pb_line_break_holder] --> left: 75vw;<!-- [et_pb_line_break_holder] --> top: -25px;<!-- [et_pb_line_break_holder] --> transform: rotate(15deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.SP3-scroll {<!-- [et_pb_line_break_holder] --> left: -25px;<!-- [et_pb_line_break_holder] --> top: 90vh;<!-- [et_pb_line_break_holder] --> transform: rotate(15deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.SP4-scroll {<!-- [et_pb_line_break_holder] --> left: 75vw;<!-- [et_pb_line_break_holder] --> top: 90vh;<!-- [et_pb_line_break_holder] --> transform: rotate(-15deg);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --></style>

<script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->jQuery(function($) {<!-- [et_pb_line_break_holder] --> $(window).on('wheel', function(e) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var delta = e.originalEvent.deltaY;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (delta > 0) {<!-- [et_pb_line_break_holder] --> $(".content1").removeClass("SP1-start").addClass("SP1-scroll");<!-- [et_pb_line_break_holder] --> $(".content2").removeClass("SP2-start").addClass("SP2-scroll");<!-- [et_pb_line_break_holder] --> $(".content3").removeClass("SP3-start").addClass("SP3-scroll");<!-- [et_pb_line_break_holder] --> $(".content4").removeClass("SP4-start").addClass("SP4-scroll");<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> $(".content1").removeClass("SP1-scroll").addClass("SP1-start");<!-- [et_pb_line_break_holder] --> $(".content2").removeClass("SP2-scroll").addClass("SP2-start");<!-- [et_pb_line_break_holder] --> $(".content3").removeClass("SP3-scroll").addClass("SP3-start");<!-- [et_pb_line_break_holder] --> $(".content4").removeClass("SP4-scroll").addClass("SP4-start");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> /* return false; // this line is only added so the whole page won't scroll in the demo */<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script>