Как выравнить текст ниже картинки по середине?

Question

[stintikss]

Как выравнить картинку ниже текста и по середине, а так же с разных сторон текста(лево, право) картинки(Пример прикрепи), прошу помочь


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;
}

Answer 1

[Данила]

Answer 2

[Сергей delphinpro]

<div class="b-img">
  <div>подпись</div>
  <img src="">
</div>

.b-img {
  text-align: center;
}