.gallery-reel-list
counter-reset: css-counter 0; /* Initialize counter */
list-style-type: none; /* Remove default list bullets */
}
figure.gallery-reel-item
counter-increment: css-counter 1; /* Increment counter for each item */
position: relative; /* Essential for positioning the generated number */
}
figure.gallery-reel-item::before {
content: counter(css-counter); /* Display the counter */
position: absolute; /* Position the number */
bottom: 0; /* Adjust position as needed */
font-size: 20px; /* Adjust font size */
left: 20px; /* Adjust position as needed */
color: black; /* Adjust color as needed */
}
}
