Küçük Bir CSS Sorunu?

Arkadaşlar yukarıdaki fotoğraftada gördüğünüz üzere fotoğraf alt etiketi bulunmakta (Uyuyan Kedi 1) diye. Ben bunun oluşmasını istiyorum fakat gözükmesini istemiyorum. BUnun için css de yerini buldum "displaye:none" verdim gitti. Bu seferde aradaki boşluğuda alıp gitti. O boşlukların kalmasını istiyorum. Bu alana padding-bottom değeride uyguladım hiçbir işe yaramadı. Sizce başka ne yapabilirim ?

Bir de margin top, bottom dene hocam

Hocam resmin olduğu div'e margin-bottom verdiğinizde olmadı mı ? Eğer bootstrap kullanıyorsanız class'a mb-2 vs verebilirsiniz.

display: none yerine, display: hidden yazmayı dener misin? Sanırım bu sorununu çözecektir.

Denedim olmadı. Bu arada arkadaşlar display:none verdiğim değer içerikteki metnide siliyor şimdi fark ettim.

Benim yapmak istediğim görsellerde bulunan alt etiketler gözükmesin bunu bi eklenti falanla yapabilir miyiz varmı bildiğiniz bir eklenti ?

visibility:hidden işini görecektir...
Sana ufak bir örnek hazırladım: https://codepen.io/omerfarukucuk/pen/poEyOvo

Anladığım kadarıyla resmin altındaki yazının kaplayacağı boşluk dursun ancak yazı gözükmesin istiyorsun. Biraz önce yanlış yazmışım kusura bakma, "visibility:hidden" olarak değiştirir misin?

Öncelikle hepinizden özür diliyorum çünkü yanlış class'ı gizlemeye çalışıyormuşum

visibility:hidden yeterli oldu çok teşekkür ederim.

opacity:0 deneyin, link varsa daha iyi yardımcı olunabilinir