Ку)
Делаю рамку на авку.
Использую наложение изображения на изображение с помощью position: relative;

<td class="align-top">

 <div class="avka">

 

 <img src="/design/svg/avatar.svg" alt="icon" class="ava" width="60" height="60">

 

 <img src="/design/img/frame.webp" alt="icon" class="frame" width="67" height="68">

 

 </div>

 </td> 

 

 <td>блок сбоку</td>

 .avka img { position: relative;}

    .ava { left: 0; top: 0; }

    .frame { left: -69px; top: -1px;}

Как заметили, авка находится в таблице.

Но есть проблема, место от рамки сбоку осталось. Как это можно решить?)

Изображение

------
85653_image_20230321_1347422.png (19.1 Kb)
Скачиваний: 132

Выравнивание по центру
justify-content: center; вроде

Просто нужно убрать отступ от второй ячейки. А отступ это место от рамки.