Html 无法实现位置粘滞

这是一个div；我想让另一列（6）中的图像在进入视图时保持粘性，以便在滚动时更新它。但它拒绝起作用。除粘性外，其他所有定位方法都有效

 <div class="row">
            <div class="col-md-6 col-x">
                <div class="iphone">
                    <div>
                        <div class="section-header">
                            <div class="opportunity-image">
                            <img style="height: 30%; width: 50%" src="/images/advertise.svg" alt="">
                        </div>
                        <h2 class="section-title wow fadeInDown pt-4" data-wow-delay="0.3s">Create Opportunities</h2>
                        <!-- <div class="shape wow fadeInDown" data-wow-delay="0.3s"></div> -->

                        <p class="wow fadeInUp" data-wow-delay="0.4s">Do you have Items or Products you want to sell? Or do you want to view and buy products? <br> You can view and also create opportunities from the comfort of your home and process all transactions and logistics right from there. Just wait at home and the goods come to you!</p>
                        </div>
                    </div>
                </div>
                <div class="iphone">
                     <div class="section-header">
                      <div class="opportunity-image">
                        <img  style="height: 30%; width: 50%"  src="/images/request.svg" alt="">
                        </div>
                        <h2 class="section-title wow fadeInDown p-4" data-wow-delay="0.3s">Make Requests</h2>
                        <!-- <div class="shape wow fadeInDown" data-wow-delay="0.3s"></div> -->
                        <p class="wow fadeInUp" data-wow-delay="0.4s">Manage all your requests from your App and enjoy smooth operation on all orders</p>
                        </div>
                    </div>
                <div class="iphone">
                     <div class="section-header">
                     <div class="opportunity-image " >
                    <img  style="height: 30%; width: 50%"  src="/images/creditcard.svg" alt="">
                    </div>
                    <h2 class="section-title wow fadeInDown pt-4" data-wow-delay="0.3s">Make Payments</h2>
                    <!-- <div class="shape wow fadeInDown" data-wow-delay="0.3s"></div> -->
                    <p class="wow fadeInUp" data-wow-delay="0.4s">Make Payments via our crypto method pegged to the naira. Once payments is made, Your coin is held in escrow until orders has been fulfilled! Secure payment guaranteed.Our Escrow system is safe and security guranteed. You can also withdraw or convert your coins to naira whenever you want</p>
                    </div>
                    </div>
                <div class="iphone">
                <div class="section-header">
                <div class="opportunity-image " >
                        <img  style="height: 30%; width: 50%"  src="/images/creditcard.svg" alt="">
                    </div>
                    <h2 class="section-title wow fadeInDown pt-4" data-wow-delay="0.3s">Withdraw and Pay with Cryptocurrency pegged to the naira</h2>

                    <p class="wow fadeInUp" data-wow-delay="0.4s">Do you have a product to sell?, Post it as an opportunity on our platform and let users send requests to buy them!</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-xs-12">
                 <!-- <div class="opportunity-image m float-right fixed"> -->
                    <img class="iphone-pic fixed float-right"  src="/images/spottr-image.png" alt="" >
                <!-- </div> -->
            </div>
        </div>

创造机会
您有想要销售的商品或产品吗？或者您想查看和购买产品
您可以在舒适的家中查看和创造机会，并从那里处理所有交易和物流。只要在家里等着，货物就会送到你这里来
提出请求
管理应用程序中的所有请求，并享受所有订单的顺利运行
付款
通过我们与naira挂钩的加密方法付款。一旦付款，您的硬币将被代管，直到订单完成！安全的支付保证。我们的代管系统是安全和安全的保证。你也可以随时提取或将你的硬币兑换成奈拉
提取并使用与奈拉挂钩的加密货币支付
您有产品要卖吗？在我们的平台上发布它作为销售机会，让用户发送购买请求

在设置位置：粘滞时是否添加了

top:0

？添加了10px的顶部，因为我不希望它完全粘滞在顶部，所以它起作用了。。。不，根本不起作用