bootstrap 4元素隐藏类不起作用

Question

我有一个Bootstrap容器，可容纳两个并排的Divs。当视口调整为col-sm大小时，我试图在左div中隐藏图像，但是Bootstrap类并没有隐藏div，无论我将视口做得多么小。我有JQuery代码来控制两个内部div的滚动。

是什么原因引起的问题？

这是我的容器：

    <div id="showsynopsis" class="container-fluid parallax">
       <div class="row">
          <div class="col-lg-6 col-md-6 col-md-6 d-none d-md-block">
             <div id="showgraphic" style="background: url('images/poppins.jpg') 5% 100% no-repeat;"></div>
          </div>
          <div id="info" class="col-lg-6 col-md-6 col-sm-6">
            <h2>Mary Poppins</h2>;
             <h3 class="josefin">Aug 9-11, 2018</h3>
          </div>
       </div>
    </div>

这是我的CSS：

    #showgraphic{
    height: 100%;
    z-index: -1;
    bottom: 0;
    left: 0;
    position: fixed;
    width:50%;
    }

    @media screen and (max-width: 758px){
    #showgraphic{
        display:none;
    }
    }