{%- set pos_class = "" -%}
{%- if position_content =="centered" -%}
  {%- set pos_class = "v-center h-center" -%}
{%- elif position_content =="top-left" -%}
  {%- set pos_class = "" -%}
{%- elif position_content =="center-left" -%}
  {%- set pos_class = "v-center" -%}
{%- elif position_content =="top-center" -%}
  {%- set pos_class = "h-center" -%}
{%- elif position_content =="custom" -%}
  {%- set pos_class = module.custom_positioning_class -%}
{%- endif -%}
<div class="parallax-module-wrapper" data-content-position="{{position_content}}">
  <div class="parallax-module" style="background-image: url({{ module.background.src }}); background-position: 50% 100%; " data-bottom-top="background-position: 50% 0%;"  data-top-bottom="background-position: 50% 100%;"
    >
    <div class="parallax-module__content {{pos_class}}">
     
    </div>
   </div>
</div>
{{require_js("https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js","head")}}

          
        

          
            
.parallax-module-wrapper .parallax-module {
  height: 500px;
  background-size: cover;
  position: relative;
  padding: 15px;
  box-sizing: border-box;
  overflow: hidden;
}
.parallax-module-wrapper .parallax-module__content.v-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.parallax-module-wrapper .parallax-module__content.h-center {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.parallax-module-wrapper .parallax-module__content.v-center.h-center {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

          
        

          
            var s = skrollr.init();