One update (don’t know which) broke the Gutenberg Gallery captions

I need to your help to figure out where the problem lies, is it the WordPress own CSS? Or is it OceanWP theme’s CSS? I am taking a chance with posting this in OceanWP’s help forums.

It used to look like this on this old page I haven’t touched in a few years:
https://www.funnybunny.se/goodies/goodies-petite-blythe/knit-sweater-for-blythe/

(It is not ideal as I really wanted to move the caption *below* the image*)

Now where I updated an article, the captions are suddenly, well, not good looking.

https://www.funnybunny.se/articles/emerald-witch/all-about-emerald-witch/

Ideally I want it to look typographically like the OLD page, but with the caption BELOW the pictures.

How can I accomplish it in best way?

I apologize for not being straightforward because I have been unable to find a demo copy with similar type of images and captions so I can’t figure if it is WP’s or OceanWP’s update that “broke” this. And maybe if you know of an actual place to edit this appearance instead for messing around in the CSS, let me know, because it has indeed been a while I set up the site.

And for reference, the CSS I used to modify the code. It is not working anymore, of course, because it seems that classes/ids are completely different now.

`/* Gutenberg Gallery Block CSS (finns i t.ex. EME-artikeln) */

.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
padding: 5px 10px 5px;
color: #333;
font-size: 15px;
font-weight: bold;
background-color: transparent;;background: linear-gradient(0deg,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.3) 100%,transparent);
font-style: italic;
}

Again, I would like for it to typographically look like the OLD version, and for it to be BELOW the pictures.

THANK YOU kindly for all help.

The page I need help with: [log in to see the link]