How to remove white lines in between side by side looping videos (when resizing browser window)

[Cjbeards]

I have 6 automatically looping videos set side-by-side in the Custom Liquid template (where if you click on a video it links to a separate YouTube video). To do this I updated the custom-liquid.liquid code for Dawn and added the following (see below) after "{% endschema %}". The videos look and play completely fine in the Themes editor, but when I open the page in my browser and resize the window, small vertical white lines between some of the videos start to appear. At some window sizes they aren't there, but at others I can see 1 or 2 small white lines that I would like to remove. Any help on this issue would be much appreciated!

<style>
.video-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: -1px;
}

.video-wrapper > * {
margin: 0;
}

.video-wrapper video {
max-width: 100%;
padding: 0;
object-fit: contain;
vertical-align: top;
display: block;
}
</style>

<div class="video-wrapper">
<a href="https://www.youtube.com/watch?v=oSNrPFgVp0U">
<video autoplay="autoplay" loop="loop" muted defaultMuted playsinline oncontextmenu="return false;" preload="auto" id="openthinkingvideo1">
<source src="https://cdn.shopify.com/videos/c/o/v/53374a9fbcfc43b69eb8fb1f6b67ecd9.mp4" type="video/mp4">
</video>
</a>

<a href="https://www.youtube.com/watch?v=YZ30RNI6zAo">
<video autoplay="autoplay" loop="loop" muted defaultMuted playsinline oncontextmenu="return false;" preload="auto" id="openthinkingvideo2">
<source src="https://cdn.shopify.com/videos/c/o/v/1ad63b67f8434596a35b494d55759686.mp4" type="video/mp4">
</video>
</a>

<a href="https://www.youtube.com/watch?v=u91uppHLfS4">
<video autoplay="autoplay" loop="loop" muted defaultMuted playsinline oncontextmenu="return false;" preload="auto" id="openthinkingvideo3">
<source src="https://cdn.shopify.com/videos/c/o/v/a13a206a117840a084a604c20ee3c168.mp4" type="video/mp4">
</video>
</a>

<a href="https://www.youtube.com/watch?v=m2IA-rXEKPk">
<video autoplay="autoplay" loop="loop" muted defaultMuted playsinline oncontextmenu="return false;" preload="auto" id="openthinkingvideo4">
<source src="https://cdn.shopify.com/videos/c/o/v/4cadca3a99404ca480f8fd87afb8ac33.mp4" type="video/mp4">
</video>
</a>

<a href="https://www.youtube.com/watch?v=3uqy9Fw8afs">
<video autoplay="autoplay" loop="loop" muted defaultMuted playsinline oncontextmenu="return false;" preload="auto" id="openthinkingvideo5">
<source src="https://cdn.shopify.com/videos/c/o/v/c7de531d529642bca3121bb7a41866ea.mp4" type="video/mp4">
</video>
</a>

<a href="https://www.youtube.com/watch?v=xBZjI2qenlM">
<video autoplay="autoplay" loop="loop" muted defaultMuted playsinline oncontextmenu="return false;" preload="auto" id="openthinkingvideo6">
<source src="https://cdn.shopify.com/videos/c/o/v/aeb1c86c89c8475db9147dc250462e75.mp4" type="video/mp4">
</video>
</a>
</div>

[made4Uo]

Hi @michelleCastro 

Can you provide your website?

[Cjbeards]

Hi there, link to my website here (password: cjbeards9): https://cjbeards.com/