Thin white line between stacked images without padding

Site URL: https://www.jonathankusagaya.com/#/mercedes-amg/

Hello all,

I recently upgraded my account to a Business one so I can mess around with code(which I am new to). My intention is to make my page seem like one long image without any line breaks. After some digging online I was able to successfully remove padding between images and stack  all my images from top to bottom. However, a small thin line still appears between the images where you can see it still breaks. Is there a way to remove this? I saw one potential answer was to put this code:

 

<style>
 .sqs-gallery-block-stacked .image-wrapper {
 margin:0 0 0 0;
 }
</style>

But that didn't seem to work, or I just didn't input the code correctly? 

It appears to me that the problem is not a CSS issue but with the images themselves.

From what I can see the images at the tops and bottoms have a gradient. That can't be removed with CSS. The images would need to be edited and uploaded again.