Theme Dawn: Category name in image for category list

[byrdsvintage]

I would like to have the category name in the image and not below it as in the following image.

So far:

How I imagine it:

Can someone provide a suitable CSS code?

Thanks a lot!

[Sweet_Savior_3]

@byrdsvintage 

Can you please provide your store URL? If storefront is password protected then password too?

Thanks

[byrdsvintage]

Hey
Thanks for responding so fast.
The URL is byrdsvintage.de
The password is: neevau

Its for the last section of the homepage.
Best regards
Hannes

[Sweet_Savior_3 · Accepted solution]

@byrdsvintage 

Paste the given css on the bottom of file 'Assets > base.css'.

.collection-list .card__content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.collection-list .card__content .card__heading {
    text-align: center;
    color: white;
}

Please don't forget to like and accept the solution. Contact for more queries.

Thanks