<!--HTML-->
<style type="text/css">
.rich{
   position: relative;
   margin: none;
}

.epic_rich{
   text-align: center;
   height: 730px;
   padding-top: 25px;
   background: #000;
   width: 600px;
   margin-left: 90px;
   padding-left: 10px;
   padding-right: 10px;
}

.epic_rich img{
filter: grayscale(1) brightness(35%) ;
transition: filter 1s ease;
}

.epic_rich img:hover{
filter: none;
}

.h1_rich{
font-size: 10px;
letter-spacing: 2px;
margin-bottom: 5px;
margin-top: -20px;
margin-left: 230px;
position: absolute;
z-index: 500;
color: #efefef88;
}

.rich_text{
font-size: 10px;
letter-spacing: 1px;
padding: 10px;
text-align: center;
z-index: 500;
color: #efefef;
}

.rich_text_date{
font-size: 8px;
letter-spacing: 1px;
padding: 10px;
text-align: center;
z-index: 500;
color: #efefef90;
}

.rich_info_block{
position: absolute;
width: 400px;
height: 320px;
background: #efefef;
display: none;
}

.rich_divider{
position: absolute;
width: 200px;
background: #efefef90;
height: 1px;
margin-left: 200px;
margin-top: -35px;
cursor: pointer;
}

.epic_rich img {
width: 85%;
}

</style>

<div class="rich">
      <div class="epic_rich">
              <div class="h1_rich">но я люблю тебя</div>
              <img src="https://i.imgur.com/C3XvaCZ.gif">  
              <img src="https://i.imgur.com/STDtknJ.gif"> 
              <img src="https://i.imgur.com/8XeYyQr.gif"> 

              <div class="rich_text">jack & sawyer<br>
               <div class="rich_text_date">джунгли</div>
              </div>
              <div class="rich_divider">
               
       </div>
</div>