<!--HTML-->
<style>
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
.fenris_tems_box {
  background: #f0f1f5;
  width: 550px;
  height: auto;
  margin: auto;
  padding: 0px 30px 30px;
}
.fenris_tems_box h6 {
  color: #f0f1f5;
  font: 700 40px arimo;
  background: #394143;
  margin: 0;
  text-transform: uppercase;
  padding: 30px 15px 15px;
  margin-bottom: 30px;
}

.fenris_tems_img {
  overflow: hidden;
  height: 60px;
  position: relative;
  margin-bottom: 30px;
}

.fenris_tems_img img {
  width: 100%;
  filter: grayscale(100%)
}

.fenris_tems_img:after {
  content: "";
  position: absolute;
  background: rgba(0,0,0,.7);
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%
}

.fenris_tems_text {
  text-align: justify;
  font: 400 italic 11px/18px merriweather;
}
</style>
  
<div class="fenris_tems_box">
    <h6>title name</h6>
        <div class="fenris_tems_img">
               <img src="https://forumstatic.ru/files/0019/ca/89/26029.png">
        </div>
    <div class="fenris_tems_text">
      Он не знал, что это за городок, потому что на дороге не было никаких знаков с названием. Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем. Указатель с названием города до сих пор валялся в нескольких футах от дороги, в густых зарослях пуэрарии, покоричневевший от крови, которая давным-давно высохла.
    </div>
</div>