[html]
<div class="lesem">
<!-— ... -->
  <div><div class="non"></br>
    </div></div>

<!-— ГЛАВНОЕ ФОТО -->
  <div><div class="ava1" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/101934.jpg
)">
    </div><div class="podp"> Томас </div></div>

<!-— ... -->
  <div><div class="txt">
    </div></div>

<!-— одежда -->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/315870.jpg)
"  title="сутана">
    </div>  <div class="podp"> одежда </div></div>

<!-— аксессуар -->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/721453.jpg
)"  title="четки">
    </div>  <div class="podp"> аксессуар </div></div>

<!-— жилище -->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/552323.jpg
)"  title="келья">
    </div>  <div class="podp"> жилище</div></div>

<!-— запах-->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/850479.jpg
)"  title="ладан и мирра">
    </div>  <div class="podp"> запах </div></div>

<!-— музыка -->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/930429.jpg
)"  title="The Greatest Showman Cast - A Million Dreams">
    </div>  <div class="podp"> музыка </div></div>

<!-— чувство -->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/124914.jpg
)"  title="задумчивость">
    </div>  <div class="podp"> чувство/эмоция </div></div>

<!-— напиток-->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/140574.jpg
)"  title="монастырское пиво">
    </div>  <div class="podp"> напиток </div></div>

<!-— животное -->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/554280.jpg
)"  title="ягненок">
    </div>  <div class="podp"> животное </div></div>

<!-— растение/ камень -->
  <div><div class="ava" style="background-image:url(https://upforme.ru/uploads/001c/5e/af/100/786659.jpg
)"  title="апельсин">
    </div>  <div class="podp"> растение </div></div>

</div>
<style>
.lesem {display: flex; flex-wrap: wrap; position: relative; width: 100%; height: auto; box-sizing: border-box; padding: 38px; max-width: 695px; border: #a9966f; background: url(https://forumstatic.ru/files/001c/69/5f/49592.webp?v=1) center/cover; border-radius: 5px;}
.lesem .ava {display:block; width: 180px; height: 180px; background-size: cover; margin: 7px 7px 0px 7px; border: 1px solid #a9966f;  border-radius: 5px;}
.lesem .ava1 {display:block; width: 280px; height: 280px; background-size: cover; margin: 10px 10px 0px 10px; border: 1px solid #a9966f;  border-radius: 5px;}
.lesem .non {display:block; width: 130px; height: 180px; background-size: cover; margin: 10px 10px 0px 10px;}
.lesem .podp {display:block; text-align:center; margin: 10 !important; font-family: bona nova; sans-serif; font-size: 14px; color: #fdd578b8;}
</style>[/html]