Javascript 如何添加图像的css转换以在div悬停时上下滑动

我的引导行中有两个街区。一个有图像，另一个有文本。我把它们都包成一排。每当我滚动图像需要向下滑动一点，每当我穿过div，我的意思是鼠标离开div时，图像需要再次向上移动一点。我尝试在悬停的div上添加和删除类。但我并没有弄清楚我需要在什么时候应用哪个转换。请帮帮我

<div class="container-fluid"><!-- /.container -->
<div class="row shopping"><!-- main here -->
          <div class="col-md-12">
            <div class="row shop4">
              <div class="col-md-6">
              <img src="images/leftzoom.jpg" width="50%"> 
              </div>
              <div class="col-md-6">
                <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
              </div>
            </div>
</div>
        </div><!-- main here -->
        </div><!-- /.container --> 

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本

只需在