Untitled

<html>
    <div class="img_card">
    <img src="assets/imgs/1.jpg">
    <div class="card_time">18:00</div>
    <div class="card_name">Подтянутые ягодицы</div>
    </div>
</html>

<style>

.img_card{
  height:140px;
}
.img_card img{
  position:relative;
  top:-60px;
}
.card_name{
  border-radius:50px;
  width:90%;
  height:33px;
  margin:auto;
  background: -webkit-gradient(linear, 40% 10%, 100% 10%, from(#08DA8A), to(#46EEAA));
  z-index:10;
  top:24px;
  position: relative;
  box-shadow: 0 10px 16px 0 rgba(8, 218, 138, 0.3),0 6px 20px 0 rgba(0,0,0,0.49);
  text-align: center;
  padding-top: 7px;
  font-size: 16px;
  color:white;
  text-align: center;
}

.card_time{
  position: relative;
  border-radius:50px;
  height:33px;
  width:80px;
  background: -webkit-gradient(linear, 40% 10%, 100% 10%, from(#08DA8A), to(#46EEAA));
  z-index:11;
  margin-top: -170px;
  left:10px;
  top:-60px;
  box-shadow: 0 10px 16px 0 rgba(8, 218, 138, 0.3),0 6px 20px 0 rgba(0,0,0,0.49);
  text-align: center;
  font-size: 16px;
  padding:16px;
  padding-top: 7px;
  color:white;

}
</style>