{{ block title }}
    Teil 2
{{ endblock }}
{{ block content }}

<style>
* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 50%;
  padding: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
</style>
    <div class="row">
        <div class="column" align="center">
            <p><b>{{C.painter3}}</b></p>
            <p>
                <img src="{{ static 'discrimination/pic2_1a.jpg' }}" height="100"/><br>
                <img src="{{ static 'discrimination/pic2_2b.jpg' }}" height="100"/><br>
                <img src="{{ static 'discrimination/pic2_3a.jpg' }}" height="100"/><br>
                <img src="{{ static 'discrimination/pic2_4b.jpg' }}" height="100"/><br>
                <img src="{{ static 'discrimination/pic2_5b.jpg' }}" height="100"/>
            </p>
        </div>
        <div class="column" align="center">
            <p><b>{{C.painter4}}</b></p>
            <p>
                <img src="{{ static 'discrimination/pic2_1b.jpg' }}" height="100"/><br>
                <img src="{{ static 'discrimination/pic2_2a.jpg' }}" height="100"/><br>
                <img src="{{ static 'discrimination/pic2_3b.jpg' }}" height="100"/><br>
                <img src="{{ static 'discrimination/pic2_4a.jpg' }}" height="100"/><br>
                <img src="{{ static 'discrimination/pic2_5a.jpg' }}" height="100"/>
            </p>
        </div>
    </div>

    {{ next_button }}

{{ endblock }}