Как выравнить картинку ниже текста и по середине, а так же с разных сторон текста(лево, право) картинки(Пример прикрепи), прошу помочь
Html
<div class="podval">
<div class="img-pod">
<div class="pov-gl-img">
<img src="/подвал/1.png">
</div>
<div class="pov-club-img">
<img src="/подвал/2.png">
</div>
<div class="pov-group-img">
<img src="/подвал/4.png">
</div>
</div>
<div class="text-pod">
<div class="text1">
<a>Компания</a>
</div>
</div>
</div>
CSS
.podval {
width: 100%;
height: 1000px;
background-color: #333333;
}
.img-pod {
padding-top: 43px;
display: flex;
justify-content: space-around;
}
.img-pod img {
width: 150px;
}
/* Текст подвала */
.text-pod {
display: flex;
justify-content: space-between;
}
.text-pod a {
color: #ffffff;
font-size: 25px;
font-weight: bolder;
font-family: "Rubik", sans-serif;
}