How can I remove the grey outline from product page images?

Store Design
1

Hi everyone,

When I insert a GIF into my product page it has a grey outline on my store, I was wondering if there is a way to get rid of this outline.

E.g. This is what I see when I upload an image or gif onto my product page.

AlfredAbbey_1-1668462109871.png
AlfredAbbey_1-1668462109871.png381×757 40.4 KB

There is a grey outline around the GIF which is not part of it, just wondering if anyone has a solution to my problem and can get rid of the grey outline.

Store/Product URL - Sound Perfect

Password - sowria

2

Hi @AlfredAbbey
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.rte img{
border: none;
}
3

Please add below css code in bottom of assets/base.css file

.rte img {
border: none !important;

}
Thank you.