Используйте вместо изображений background'ы:
<div class="first-post" style="background-image: url(http://lorempixel.com/700/700/)"></div>
........
.first-post, .second-post, .fif-post, .fio-post {
border-radius: 10px; margin: 5px;
background: transparent center/cover
}
.first-post {
width: calc(60% - 10px);
height: calc(60% - 10px);
float: left;
}
.... и так далее
Только у контейнера не должна быть явно задана высота и не должна быть position: absolute или fixed, ато блоки квадратными не получатся.. С другой стороны, если это всё на весь экран, то вместо % для ширины и высоты лучше vw использовать
