<section id="kcontent">
				<div class="container">

					<div class="center top-margin-lg">
						<h2><strong>INSTANT REMARKABLE RESULTS</strong></h2>
						   
</div>
	  <div class="col-md-6">
		<p class="center">SLIDE to see Susan's Results</p>
		 <div class="twentytwenty-container center">
          <img src="{{media url="images/susan-before.jpg"}}" />
          <img src="{{media url="images/susan-after.jpg"}}" />

        </div>
        
      </div>
      <div class="col-md-6">
		<p class="center">SLIDE to see Steve's Results</p>
        <div class="twentytwenty-container center">
          <img src="{{media url="images/steve-before.jpg"}}" />
          <img src="{{media url="images/steve-after.jpg"}}" />
        </div>
      </div>

   
				</div>
</section>
<script type="text/javascript">
    require([
        'jquery',
        'twenty.twenty/jquery.event.move',
         'twenty.twenty/jquery.twentytwenty'
    ], function ($) {
      $(window).load(function(){
      $(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.5});
      $(".twentytwenty-container[data-orientation='vertical']").twentytwenty({default_offset_pct: 0.3, orientation: 'vertical'});
    });
 });
</script>
