Как расположить каждую ссылку под конкретной фотографией и сделать текст ссылок в 3 ряда?

.wrapper { 
    display: flex; 
} 
 
.block { 
    display: flex; 
    border: 1px solid black; 
    flex-direction: column; 
    justify-content: space-between; 
} 
 
.block__list { 
list-style:none; 
padding: 0; 
}

<div class="wrapper"> 
    <div class="block"> 
        <img src="/IMG/example-1.png" alt="Example" class="works"> 
        <div class="block__description">Деревянное остекление</div> 
        <ul class="block__list"> 
          <li><a href="#" class="works__links">link1</a></li> 
          <li><a href="#" class="works__links">link2</a></li> 
          <li><a href="#" class="works__links">link3</a></li> 
        </ul> 
    </div> 
 
    <div class="block"> 
        <img src="/IMG/example-2.png" alt="Example" class="works"> 
        <div class="block__description">Алюминиевое остекление</div> 
        <ul class="block__list"> 
          <li><a href="#" class="works__links">link1</a></li> 
          <li><a href="#" class="works__links">link2</a></li> 
          <li><a href="#" class="works__links">link3</a></li> 
        </ul> 
    </div> 
     
    <div class="block"> 
        <img src="/IMG/example-3.png" alt="Example" class="works"> 
        <div class="block__description">Остекление пластиковыми рамами</div> 
        <ul class="block__list"> 
          <li><a href="#" class="works__links">link1</a></li> 
          <li><a href="#" class="works__links">link2</a></li> 
          <li><a href="#" class="works__links">link3</a></li> 
        </ul> 
    </div> 
 
    <div class="block"> 
        <img src="/IMG/example-4.png" alt="Example" class="works"> 
        <div class="block__description">Французское остекление (панорамное)</div> 
        <ul class="block__list"> 
          <li><a href="#" class="works__links">link1</a></li> 
          <li><a href="#" class="works__links">link2</a></li> 
          <li><a href="#" class="works__links">link3</a></li> 
        </ul> 
    </div> 
     
    <div class="block"> 
        <img src="/IMG/example-5.png" alt="Example" class="works"> 
        <div class="block__description">Остекление с выносом</div> 
        <ul class="block__list"> 
          <li><a href="#" class="works__links">link1</a></li> 
          <li><a href="#" class="works__links">link2</a></li> 
          <li><a href="#" class="works__links">link3</a></li> 
        </ul> 
    </div> 
</div>