How to remove separator line when using background left or right image

[SoumayaMauthoorMOJ]

When I use the bg right directive marp introduces a line separating the two sections for example here . How can I remove this line?

The markdown is defined here on line 21

[yhatt]

I cannot see such a line. Where is the line are you mentioned?

Attaching a screenshot may have a better chance that Marp community can resolve the issue.

[SoumayaMauthoorMOJ]

Hi @yhatt apologies here is the screenshot:

There is a blue line between the two sections

The blue line disappears if I use bg left

[yhatt]

Similar: https://stackoverflow.com/questions/51681584/issue-with-inset-box-shadow-and-transform-scale-on-chrome

box-shadow with the inset keyword creates a filled area around the slide container. It seems to be leaking the color from the around if the scaling for the section element was specific scale.

One idea to avoid leaks the color is to make the fill area a little thinner by using 4th parameter of box-shadow property <spread-radius>.

-box-shadow: inset 0 -60px 0 var(--primary-color);
+box-shadow: inset 0 -61px 0 -1px var(--primary-color);

[SoumayaMauthoorMOJ]

Perfect!