Вот

<div class='flex'>
<div class='right_intro'>1</div>
<div class='left_intro'>2</div>
  </div>

.flex {
align-items: stretch;
display: -webkit-flex;
display: flex; }

.right_intro {
width: 54%;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 400;
color: white;
padding-top: 40px;
padding-left: 15px;
position: relative;
background: blue;
}

.left_intro {
width: 45%;
background: red;
}

Сам решил

import datetime as datetime_class # забыл добавить в ответ

duration = datetime.strptime(duration, "%H:%M:%S")
x_duration =datetime_class.timedelta(hours=duration.hour, minutes=duration.minute, seconds=duration.second).total_seconds()	
duration = timedelta(seconds = x_duration)

Вот есть статья под CSS
Habr
А точнее вот эта часть

background-image:  url("media/fishing.svg"), url("media/mermaid.svg"), url("media/sea.png");  
    background-position: top right 10px, bottom left, top left;
    background-repeat: no-repeat, repeat-x, repeat-x ;