JSFiddle - React, Tailwind, and code Playground

HTML

<div class="news_box">
    <h4>01.02.2023</h4>
    <h2>Новостной Блок</h2>
    <p>
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuriesю
    </p>
    <div class="news_nav" >
        <a href="#">Просмотров</a>
        <a href="#">Автор</a>
        <a href="#">Просмотров</a>
    </div>
</div>

CSS

.news_box{
    background-image:url(http://clip2net.com/clip/m255286/1389532727-clip-13kb.jpg?nocache=1);
    background-repeat:no-repeat;
    height:250px;
    width:480px;
    padding:10px;
}
.news_box h4{
text-align:right;
margin-top:0px;
    margin-bottom:0px;
    margin-right:20px;
    color:#fff;
}
.news_box h2{
    margin-top:0px;
    color:#fff;
}
.news_box p{
   color:#fff;
}