How to reduce space between images in jQuery multiple slick slider plugin in ASP.Net

which css should i apply to bring image near i have mark it with red color

How ti reduce space between  twoimage in multiple slick slider it's image are dynamic..and image flip at the time of mousehover..

       slick-prev
       {
           left: 15px;
       }
       .slick-next
       {
           right: 15px;
       }
        
       .slick-prev, .slick-next
       {
           height: 40px;
           width: 40px;
           z-index: 9;
           background: black;
           border-radius: 100%;
       }
       .slick-prev:before, .slick-next:before
       {
           font-family: 'slick';
           font-size: 20px;
           line-height: 1;
           opacity: .75;
           -webkit-font-smoothing: antialiased;
           -moz-osx-font-smoothing: grayscale;
       }
        
        
       .imgslide
       {
           margin-top: 4px;
           display: inline-block;
           border: solid 1px #E4E4E4;
       }
        
       .multiple-items
       {
           width: 100%;
           margin-top: 10px;
       }
       .slick-initialized .multiple-items
       {
           display: block;
           height: 359px;
           width: 131px;
       }
        
       .flip
       {
           width: 56%;
           border: 2px solid #f1f1f1;
           margin: 0 auto;
           transform: scale(-1, 1);
           -moz-transform: scale(-1, 1);
           -webkit-transform: scale(-1, 1);
           -o-transform: scale(-1, 1);
           -khtml-transform: scale(-1, 1);
           -ms-transform: scale(-1, 1);
       }
       .flip img
       {
           width: 246px;
           height: auto;
       }
       .flip .back
       {
           color: #fff;
           text-align: center;
           width: 246px;
           height:auto;
            
       }
       .next
       {
           right: 0px;
       }
       .prev
       {
           left: 0px;
       }
       .slick-initialized .slick-slide
       {
           display: block;
       }
       element.style
       {
           backface-visibility: hidden;
           transform-style: preserve-3d;
           height: 100%;
           width: 246px;
           position: relative;
           transition: all 0.5s ease-out;
           transform: rotateY(-180deg);
           z-index: 0;
       }
       .slick-slide img
       {
           display: block;
           width: 100%;
           height:auto;
       }
       .slick-slide
       {
           width: 200px;
           height: 200px;
       }
       .slick-slide slick-active
       {
           height: 100px;
           width: 100px;
       }

this are my css for the above code

<script type="text/javascript">
    jQuery(document).ready(function () {
    jQuery('.multiple-items').slick({
          infinite: true,
          slidesToShow: 3,
          slidesToScroll: 1,       
          arrows: true,
        });
    });