{% set classes = [
  'paragraph',
  'paragraph--type--' ~ paragraph.bundle|clean_class,
  view_mode ? 'paragraph--view-mode--' ~ view_mode|clean_class,
  not paragraph.isPublished() ? 'paragraph--unpublished'
] %}
{% block paragraph %}
<div{{ attributes.addClass(classes) }}>
  {% block content %}


    {{ content.field_header }}

    <div class="markup-background"
         style="background-color: rgba(0, 0, 0, 0);
           background-position: 0% 0%;
           background-repeat: repeat;
           background-attachment: scroll;
           background-image: linear-gradient(rgba(124, 125, 128, 0) 0%, rgba(37, 149, 255, 0.16) 10%, rgb(37, 149, 255) 62%, rgb(37, 149, 255) 99%, rgb(37, 149, 255) 100%), url('{{ content.field_markup_section_background[0]['#markup'] }}');
           background-size: auto;
           background-origin: padding-box;
           background-clip: border-box;">

    <div class="container">
      {{ content.field_markup_body }}
    </div>
    </div>

  {% endblock %}
  </div>
{% endblock paragraph %}