Caption on Image Readable?

Site URL: https://www.bloomboxus.com/seeds

Hey -

I need help on improving the text and color on the image when users hover over. Should I keep the Inline Image or should I replace it?

Are you able to reach the text on the image — both WEB and Mobile?

Are there anything else you’d like to suggest to improve text/font/color for the page. I wouldn’t mind created multiple pages linking to the info or overhauling the page.

any feedbacks are appreciated! 

Hi. Do you still need help on this?

Yes, @tuanphan

If you want to change text color, overlay color, add this to Design > Custom CSS

body#collection-5f7b83f25ec0ad374a772974 {
  figcaption.image-caption-wrapper {
      background: green !important;
  }
	.layout-caption-overlay-hover .image-caption-wrapper p {
    color: red !important;
}
}