Html 图像超出了引导4中的列宽

我不正确地使用了引导网格，我不能用我的生命来解决它！ 我设计的目的是将图像与副本一起分割。我原以为在“40多年的媒体经验”中简单地拆分col-6行就可以了，但看起来图像超过了50%

我希望图像与列的宽度一致。我已经尝试过img fluid和img responsive，但是没有任何东西能像巨大的（而且不雅观的！）解决方案（写在下面两个容器中）那样有效

如果有人能看一看，看看我是否错过了任何显而易见的东西，我将永远感激

                <div class="container container-head">
                    <div class="row">
                        <div class="col-12">

                            <h2>Over 40 years’ <span class="spotlight">media experience</span></h2>

                        </div>
                    </div>
                
                <div class="row">
                    <div class="col-6-md media">
                            <div class="fsm-about-pic image-fluid">
                            <img src="images/about-joncorrinenew640.jpg" 
                                    alt="Jon and Corinne from Full Story Media">
                            </div>
                        </div>
                    <div class="col-6-md media-body">
                                    <p><i class="far fa-circle"></i> Full Story Media is led by us: <a href="#jon">Jon Card</a> 
                                        and <a href="#corinne">Corinne Card</a>. <!-- this could be a subtitle now with bit below as a testimonial like the client quotes -->
                                    </p>
                                    <p><i class="far fa-circle"></i> With over 40 years’ media experience between
                                        us, we have written for every national newspaper in the UK, plus many other titles
                                        worldwide.</p>
                                    <p><i class="far fa-circle"></i> We are entrepreneurial, media savvy and believe
                                        in the power of storytelling.</p>
                                    <p><i class="far fa-circle"></i> We ensure our clients get the best advice. In fact, we
                                        insist on it. </p>
                                    <p><i class="far fa-circle"></i> We are also completely transparent about our
                                        methods and tend to give away all of our knowledge.</p>
                    
                    </div>
                </div>
            
            </section> ```

超过40年的媒体经验
全故事媒体由我们领导：
和。

拥有超过40年的媒体经验
在美国，我们为英国的每一家全国性报纸以及许多其他报纸撰稿
全世界

我们具有企业家精神、媒体悟性和信念
在讲故事的力量中

我们确保我们的客户得到最好的建议
坚持

我们也对我们的工作完全透明
方法和方法往往会泄露我们所有的知识

```

在img上添加这个类

img流体

啊，谢谢我添加了这个类，但它仍然保持不变的大小-在手机上看起来特别糟糕-是因为文本框可以伸缩吗？正确的类是

col-md-6

，它将为中等以上的设备提供6个单位。如果这不能解决您想要实现的问题，您可以请求吗再给我一点你的问题？那就解决了谢谢！一个愚蠢的失误。谢谢你的帮助。