{{ 'section-image-banner.css' | asset_url | stylesheet_tag }} {%- if section.settings.adapt_height_first_image and section.settings.image != blank -%} {%- style -%} @media screen and (max-width: 749px) { #Banner-{{ section.id }}::before, #Banner-{{ section.id }} .banner__media::before, #Banner-{{ section.id }}:not(.banner--mobile-bottom) .banner__content::before { padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%; content: ''; display: block; } } @media screen and (min-width: 750px) { #Banner-{{ section.id }}::before, #Banner-{{ section.id }} .banner__media::before { padding-bottom: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%; content: ''; display: block; } } {%- endstyle -%} {%- endif -%} {%- style -%} #Banner-{{ section.id }}::after { opacity: {{ section.settings.image_overlay_opacity | divided_by: 100.0 }}; } {%- endstyle -%}