Why is a color overlay appearing in the collage section of my Dawn Theme?

[pearlerwork]

I've made a lot of edits to Dawn Theme and I'm noticing that when I add a product to the collage section, there's a colour overlay appearing over the top of the image so it's not visible. I'm struggling to identify the cause. Any help is appreciated!

Link: https://manifest-a-pearler.myshopify.com/ (last section of the page)

Pass: pearler

[Muhammad_Ali_S]

@pearlerwork 
Please share password.

[pearlerwork]

Apologies - 'pearler'

[PageFly-Victor]

Hi @pearlerwork , Could you please share your store password

[pearlerwork]

Apologies - 'pearler' @PageFly-Victor @Muhammad_Ali_S 

[BSS-Commerce]

Hi @pearlerwork,

Can you kindly share the screenshot/ record of the error with us? We will check it and suggest you a solution if possible.

[pearlerwork]

Sure, see here @BSS-Commerce 

https://manifest-a-pearler.myshopify.com/pages/test
Password = pearler

[BSS-Commerce · Accepted solution]

Hi @pearlerwork 

You can follow these steps:

Step 1:

Step 2: Find the file base.css or base.scss.liquid and copy this code at the end of the file:

#shopify-section-template--17730614690065__7288908f-ff1d-4122-9c3d-75c0ca60224f > div > div > div > div.collage__item.collage__item--product.collage__item--left > div > div > div.card__inner.color-background-1.gradient.ratio > div.card__media{
    width:100% !important;
}

Hope this help you.