Примеры использования position. Простая галерея с подписями

<div class="gallery">
    <div class="photo">
        <img src="https://via.placeholder.com/250x150" alt="Фото 1">
        <div class="caption">Море</div>
    </div>
    <div class="photo">
        <img src="https://via.placeholder.com/250x150" alt="Фото 2">
        <div class="caption">Горы</div>
    </div>
</div>

.gallery {
    display: flex;
    gap: 20px;
}

.photo {
    position: relative;
    width: 250px;
}

.caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px;
    text-align: center;
}