我想在光滑的滑块图像之间的差距，我怎么能做到这一点？how do as here
您也可以发出拉取请求https://github.com/Nicitaa/html_css_js/tree/main/6_MySixthSite
或者看看它现在是如何工作的

.case_studies {
                .title {
                    margin-bottom: 20px;
                }

                .container {
                    min-width: 95%;
                    margin-left: 5%;
                    overflow-x: hidden;
                }
                .slick-slide {
                    display: inline-block;
                    img {
                        width:60vh; height:70vh;
                    }
                }
                .case_studies_slider {
                    .city {
                        position:relative;
                        padding-left: 8vh;
                        padding-right: 20vh;
                        margin-right: 2%;
                        gap:10%;
                        h2 {
                            background: #202020;
                            background: linear-gradient(to right, #114455 7vh, #202020 7vh);
                            -webkit-background-clip: text;
                            -webkit-text-fill-color: transparent;
                            position: absolute;
                            font-size: 60px;
                            bottom:10%;
                            left:1vh;
                            z-index: 2;
                        }
                    }
                }
            }

<section class="case_studies">
        <div class="container">
            <div class="title">
                <h2 class="title-40-ebold">Case Studies</h2>
                <p class="subTitle-16">We deliver a unique and truly bespoke approach to delivering international<br>developments to market, with over 10 years success around the world.</p>
            </div>
            <div class="case_studies_slider">
                <div class="city">
                        <img src="img/slider/France.jpg" alt="">
                        <h2 class="title-40-ebold gradient">France</h2>
                </div>
                <div class="city">
                    <img src="img/slider/Moroco.jpg" alt="">
                    <h2 class="title-40-ebold gradient">Moroco</h2>
                </div>
                <div class="city">
                    <img  src="img/slider/London.jpg" alt="">
                    <h2 class="title-40-ebold gradient">London</h2>
                </div>
                <div class="city">
                    <img src="img/slider/Portugal.jpg" alt="">
                    <h2 class="title-40-ebold gradient">Portugal</h2>
                </div>
            </div>
            
        </div>
    </section>

我尝试应用marginpaddinggap-无用
看起来你的帖子大部分是代码;请添加一些更多的细节。所以所有的细节都给出了，你为什么要给我写这件事？