JSFiddle - React, Tailwind, and code Playground

HTML

<body bgcolor="#080c0e" text="#FFFFFF">

<div>
 <figure class="fig">
   <img src="http://fonday.ru/images/tmp/16/9/original/16928DmervZwIjMnAqxGdL.jpg" width=50% height=50%  alt="">
   <figcaption>
   Просто подпись к первой картинке. Может быть еще и описание данной картинки и как я ее снимала.
   </figcaption>
  </figure>
 </div>
 
 </body>

CSS

<style>
  img {
    border-radius: 5px;
   }
   .fig {
    display: block; /* Блочный элемент (для старых браузеров) */
    text-align: center; /* Выравнивание по центру */
    font-style: italic; /* Курсивное начертание */
    margin-top: 0; /* Отступ сверху */
    margin-bottom: 5px; /* Отступ снизу */
    color: #FFFFFF; /* Цвет подрисуночной подписи */
   }
    div {
    background: #2e2e2e; /* Цвет фона */
    color: #fff; /* Цвет текста */
    padding: 5px; /* Поля вокруг текста */
    border-radius: 5px; /* Уголки */
   }
  </style>