<style>
    #tiprsy{
        height: 265px;
    }
    #tiprsy img{
        height: 263px;
    }
    #tiprsy .first{
        font-size: 20px;
    }
    #tiprsy .second{
        font-size: 15px;
    }
    #tiprsy .third{
        font-size: 13px;
    }
    .percent{
        width: 50%;
    }
    @media (max-width: 1200px){
        #tiprsy .first{
            font-size: 17px;
        }
        #tiprsy .second{
            font-size: 13px;
        }
        #tiprsy .third{
            font-size: 11px;
        }
    }
    @media (max-width: 992px){
        #tiprsy .first{
            font-size: 17px;
        }
        #tiprsy .second{
            font-size: 13px;
        }
        #tiprsy .third{
            font-size: 10px;
        }
    }
    @media (max-width: 576px){
        #tiprsy .first{
            font-size: 17px;
        }
        #tiprsy .second{
            font-size: 13px;
        }
        #tiprsy .third{
            font-size: 12px;
        }
        .percent{
        width: 100%;
        }
        #tiprsy{
        height: 530px;
        }
    }
</style>
<div id="tiprsy" style="width: 100%; background-color: #f5f5f5; border: solid 1px #ccc;">
    <a href="ссылка" style="float: left;" class="percent">
        <img src="https://i.imgur.com/YHnyMc2.jpg" style="width: 100%">
    </a>
    <div style="float: left;" class="percent">
        <a href="ссылка" style="text-decoration: none;"><p class="first" onmouseover="this.style.color='rgb(33, 109, 217)';" onmouseout="this.style.color='#000';" style="transition-duration: 0.3s; cursor: pointer; color: rgb(0, 0, 0); font-family: &quot;Helvetica Neue&quot;, sans-serif; padding: 25px 25px 10px; font-weight: 700; margin: 0px;">Лечим дерматит по новой методике Елены Малышевой</p></a>
        <a href="ссылка" style="text-decoration: none;"><p class="second" onmouseover="this.style.color='rgb(33, 109, 217)';" onmouseout="this.style.color='#000';" style="transition-duration: 0.3s; color: rgb(0, 0, 0); font-family: &quot;Helvetica Neue&quot;, sans-serif; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; font-weight: 400; margin: 0px;">Для чистки тела и избавления от дерматита нужно каждый день …</p></a>
        <div style="padding: 25px; padding-top: 0px; padding-bottom: 10px;">
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)';" onmouseover="this.style.color='blue';" class="third" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: underline; color: rgb(33, 109, 217); float: left;">Сайт Елены Малышевой</a>
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)';" onmouseover="this.style.color='blue';" class="third" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: underline; color: rgb(33, 109, 217); float: left; padding-left: 10px;">Интервью с врачом</a>
            <div style="clear: both; height: 0px;"></div>
        </div>
       <div style="padding: 25px; padding-top: 0px;">
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)'; this.style.backgroundColor='rgba(0,0,0,0)';" class="second" onmouseover="this.style.backgroundColor='rgba(33,109,217,0.35)'; this.style.color='#fff';" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: none; border: 1px solid rgba(33, 109, 217, 0.35); padding: 3px 8px; border-radius: 6px; color: rgb(33, 109, 217); background-color: rgba(0, 0, 0, 0);">ссылка.ru</a>
        </div>
    </div>
    <div style="clear: both; height: 0px;"></div>
</div>
<div id="tiprsy" style="width: 100%; background-color: #f5f5f5; border: solid 1px #ccc;">
    <a href="ссылка" style="float: left;" class="percent">
        <img src="https://i.imgur.com/YHnyMc2.jpg" style="width: 100%">
    </a>
    <div style="float: left;" class="percent">
        <a href="ссылка" style="text-decoration: none;"><p class="first" onmouseover="this.style.color='rgb(33, 109, 217)';" onmouseout="this.style.color='#000';" style="transition-duration: 0.3s; cursor: pointer; color: rgb(0, 0, 0); font-family: &quot;Helvetica Neue&quot;, sans-serif; padding: 25px 25px 10px; font-weight: 700; margin: 0px;">Лечим дерматит по новой методике Елены Малышевой</p></a>
        <a href="ссылка" style="text-decoration: none;"><p class="second" onmouseover="this.style.color='rgb(33, 109, 217)';" onmouseout="this.style.color='#000';" style="transition-duration: 0.3s; color: rgb(0, 0, 0); font-family: &quot;Helvetica Neue&quot;, sans-serif; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; font-weight: 400; margin: 0px;">Для чистки тела и избавления от дерматита нужно каждый день …</p></a>
        <div style="padding: 25px; padding-top: 0px; padding-bottom: 10px;">
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)';" onmouseover="this.style.color='blue';" class="third" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: underline; color: rgb(33, 109, 217); float: left;">Сайт Елены Малышевой</a>
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)';" onmouseover="this.style.color='blue';" class="third" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: underline; color: rgb(33, 109, 217); float: left; padding-left: 10px;">Интервью с врачом</a>
            <div style="clear: both; height: 0px;"></div>
        </div>
       <div style="padding: 25px; padding-top: 0px;">
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)'; this.style.backgroundColor='rgba(0,0,0,0)';" class="second" onmouseover="this.style.backgroundColor='rgba(33,109,217,0.35)'; this.style.color='#fff';" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: none; border: 1px solid rgba(33, 109, 217, 0.35); padding: 3px 8px; border-radius: 6px; color: rgb(33, 109, 217); background-color: rgba(0, 0, 0, 0);">ссылка.ru</a>
        </div>
    </div>
    <div style="clear: both; height: 0px;"></div>
</div>

<div id="tiprsy" style="width: 100%; background-color: #f5f5f5; border: solid 1px #ccc;">
    <a href="ссылка" style="float: left;" class="percent">
        <img src="https://i.imgur.com/YHnyMc2.jpg" style="width: 100%">
    </a>
    <div style="float: left;" class="percent">
        <a href="ссылка" style="text-decoration: none;"><p class="first" onmouseover="this.style.color='rgb(33, 109, 217)';" onmouseout="this.style.color='#000';" style="transition-duration: 0.3s; cursor: pointer; color: rgb(0, 0, 0); font-family: &quot;Helvetica Neue&quot;, sans-serif; padding: 25px 25px 10px; font-weight: 700; margin: 0px;">Лечим дерматит по новой методике Елены Малышевой</p></a>
        <a href="ссылка" style="text-decoration: none;"><p class="second" onmouseover="this.style.color='rgb(33, 109, 217)';" onmouseout="this.style.color='#000';" style="transition-duration: 0.3s; color: rgb(0, 0, 0); font-family: &quot;Helvetica Neue&quot;, sans-serif; padding-left: 25px; padding-right: 25px; padding-bottom: 10px; font-weight: 400; margin: 0px;">Для чистки тела и избавления от дерматита нужно каждый день …</p></a>
        <div style="padding: 25px; padding-top: 0px; padding-bottom: 10px;">
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)';" onmouseover="this.style.color='blue';" class="third" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: underline; color: rgb(33, 109, 217); float: left;">Сайт Елены Малышевой</a>
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)';" onmouseover="this.style.color='blue';" class="third" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: underline; color: rgb(33, 109, 217); float: left; padding-left: 10px;">Интервью с врачом</a>
            <div style="clear: both; height: 0px;"></div>
        </div>
       <div style="padding: 25px; padding-top: 0px;">
            <a href="ссылка" onmouseout="this.style.color='rgb(33, 109, 217)'; this.style.backgroundColor='rgba(0,0,0,0)';" class="second" onmouseover="this.style.backgroundColor='rgba(33,109,217,0.35)'; this.style.color='#fff';" style="transition-duration: 0.3s; font-family: &quot;Helvetica Neue&quot;, sans-serif; text-decoration: none; border: 1px solid rgba(33, 109, 217, 0.35); padding: 3px 8px; border-radius: 6px; color: rgb(33, 109, 217); background-color: rgba(0, 0, 0, 0);">ссылка.ru</a>
        </div>
    </div>
    <div style="clear: both; height: 0px;"></div>
</div>