全屏模式引导程序中的渐变

Question

我有一个html网页，它使用https://github.com/basilebong/bootstrap4-fullscreen-modal，并且使用线性渐变以便将div分为两部分，并为它们着色两种不同的颜色，例如：

该页面是使用引导程序4编写的。

当我不使用模态时它很好用，但是当我使用模态来显示它时，我遇到了这个问题（仅在Chrome上，我使用的是chrome版本70.0.3538.77（正式版本）（64位）在macO上）：

但是当我使用变焦时，它消失了。

在其他浏览器上，它运行良好。

这是我使用的渐变代码：

#ha {
    background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 50%, #d5d5d5 50%, #d5d5d5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #d5d5d5), color-stop(100%, #d5d5d5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 50%, #d5d5d5 50%, #d5d5d5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f6f6f6 50%, #d5d5d5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 50%, #f6f6f6 50%, #d5d5d5 100%); /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%, #ffffff 50%, #d5d5d5 50%, #d5d5d5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c9e9f', endColorstr='#f6f6f6', GradientType=1); /* IE6-9 */
}

我无法将col-sm-2分为两部分，因为在这种情况下，我必须将图像放在中央：

您有想法要删除此白线吗？

这是我的代码：

<div class="container">
    <div class="row">
        <div class="col-sm-5">
        </div>
        <div class="col-sm-2" id="ha">
            <div class="text-center" style=" min-height: 100%">
                <img src="Image.png" style="max-width:80%; max-height:80%;" align="center">
            </div>
        </div>
        <div class="col-sm-5" style="background-color: #d5d5d5">
        </div>


    </div>
</div>

我必须使用Bootstrap来确保页面可以在所有设备（电脑，平板电脑等）上显示而不会产生奇怪的效果。