Нужно изменить отображение картинок.
Приветствую господа. Есть такой код:
<div class="wp-works row-ch row-ch-top">
<div class="ch-top">
<div class="content">
<div class="container">
<h2 id="portfolio" class="wow fadeInDown">Наши <span class="red">работы</span></h2>
</div>
<div class="clear list-works">
<?php foreach($works as $work) { ?>
<?php if($work["status"] == 1) { ?>
<div class="col-md-3 col-sm-3 col-xs-6 item-work wow fadeInDown" style="background: url('<?= $work["link"]; ?>') top center no-repeat; background-size: cover;">
Он отображает портфолио. Проблема в том, что портфолио состоит из сайтов. Сайты естественно примерно 1366х10000. При наведении на работу или просто при загрузке страницы - загружает всю работу (при том что видно только хедер), сайт начинает погибать и лагать. Как сделать чтобы он грузил только хедер работы без нижних дополнительных 9000 пикселей ?