引导4元素隐藏类不起作用

我有一个引导容器,可以容纳两个并排的div。当视区大小调整到col sm大小时,我试图在左div中隐藏图像,但是引导类并没有隐藏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;
    }
    }