.caption {
    position: absolute;
    bottom: 0; /* Aligns the text to the bottom of the div */
    left: 0; /* Aligns the text to the left of the div */
    width: 100%; /* Ensures the text spans the full width of the div */
    text-align: right; /* Centers the text horizontally */
    color: white; /* Ensures text is visible, adjust as needed */
    background-color: rgba(0, 0, 0, 0.3); /* Adds a semi-transparent dark background for better readability */
    padding: 10px 0; /* Adds padding above and below the text */
}