HTML
<section id="team" class="team container-fluid">
<div class="row">
<div class="svg col-10">
<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
<linearGradient id="linear-gradient-team">
<stop offset="0%" stop-color="#ca1614"/>
<stop offset="100%" stop-color="#a70b1a"/>
</linearGradient>
<polyline points="150,0 240,60 220,120 300,160 190,300 0,200 30,60 150,0"/>
</svg>
</div>
<div class="team-corporation offset-1 col-10">
<div class="team-coop">
<img src="img/819A3461.jpg" alt="">
<p style="color:#942323;"><b>Иванов<br> Иван Иванович</b><br>Креативный вожак и учитель вдохновитель творческой банды</p>
</div>
<div class="team-coop">
<img src="img/mr-х.jpg" alt="">
<p style="color:#942323;"><b>Иванов<br> Иван Иванович</b><br>Чертежных дел мастер и суровый технадзор</p>
</div>
<div class="team-coop">
<img src="img/819A3606.jpg" alt="">
<p style="color:#942323;"><b>Иванов<br> Иван Иванович</b><br>Печатных дел мастер. Опора и вечный позитив студии</p>
</div>
<div class="team-coop">
<img src="img/819A3312.jpg" alt="">
<p style="color:#942323;"><b>Иванов<br> Иван Иванович</b><br>Холодный разум, четкость и моментальная отзывчивость нашего клуба</p>
</div>
<div class="team-coop">
<img src="img/o-roj.jpg" alt="">
<p style="color:#942323;"><b>Иванов<br> Иван Иванович</b><br>Нежный сотрудник с женственным взглядом</p>
</div>
<div class="team-coop">
<img src="img/819A3421.jpg" alt="">
<p style="color:#942323;"><b>Иванов<br> Иван Иванович</b><br>КОнцентрат спокойствия нашего коллектива. Ответственность и скрупулезность</p>
</div>
<div class="team-coop">
<img src="img/819A3367.jpg" alt="">
<p style="color:#942323;"><b>Иванов<br> Иван Иванович</b><br>Сотрудник натуралист. Прикладной живописец с прекрасным видением цвета</p>
</div>
</div>
</div>
</section>
CSS
.team {
height: 120vh;
position: relative;
background-color: #fef6f5;
z-index: 5;
}
.team .svg {
position: absolute;
left: -8%;
top: -14%;
width: 1000px;
height: 900px;
}
.team polyline {
fill: url(#linear-gradient-team);
}
.team-p {
position: absolute;
top: 5vh;
background-image: url(../img/our-com.png);
background-repeat: no-repeat;
background-size: 16vw 7vh;
width: 100vw;
height: 12vh;
z-index: 5;
}
.team-corporation {
position: absolute;
top: 10vh;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: flex-start;
z-index: 77;
}
.team-coop {
width: 18vw;
height: 46vh;
z-index: 77;
}
.team-coop img {
width: 100px;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
}
.team-coop p {
font-family: "LuzSans-Book";
font-size: 1.3vw;
text-align: center;
mix-blend-mode: color;
}
