Görselleri bakground image vererek istediğiniz görüntüyü elde edebilirsiniz.
Aşağıda sizin için yaptığım örnek mevcut belki size bir fikir verir. Ancak görselleri cover yaptığım için yazılır okunmuyor görsellerin üzerine yazı yazarak değilde html olarak yazıları yaparsanız çok daha sağlıklı olur.
https://codepen.io/salimsevindik/pen/zYrxywJ
Aksi halde matematik hesabı yaparak görsellerinizin yüksekliklerini ve genişliklerini ayarlayarakta yapabilirsiniz.
Mesela ekranın genişliği 1200 px dedik. 15x2 er piksek boşluklara verdik. (1200px-30px) / 3=390px fotolarının genişliği.
Yükseklik olarakta 400 px olsun dedik. Ortadaki görsellerin yükseliği ne olacak (400px-15px)/2=192.5px de ortaki görselleri yaparsanız istediğiniz görüntü elde edersiniz.
1. Foto : 390px X 400px
2. Foto : 390px X 192.5px
3. Foto : 390px X 192.5px
4. Foto : 390px X 400px