Html 对齐图像&；引导媒体对象内的媒体主体中心

这是我在stackoverflow上的第一篇帖子，希望一切顺利

我有3个媒体对象，都由一个图像和一些内容组成。我无法将内容中心和图像与中心的左右对齐。我附上了一张当前结果的图片以及一张我希望页面布局的图表（见下文）

这是我的密码

<!-- Reviews start !-->
    <section id="reviews">
            <div class="media border p-3 center-stuff col">
                <img src="images/prof-1.jpg" class="rounded-circle media-img mt-2 align-self-center">
                <div class="media-body col-md-12 center-stuff">
                    <h4 class="mt-3">Stan Dutton <small><i>In Store Review on October 18, 2019</i></small></h4>
                    <blockquote>
                        <p class="mb-3">"Ale on point. Free retro games consoles playable open till close, can't get enough!" "Ale on point. Free retro games consoles playable open till close, can't get enough!" "Ale on point. Free retro games consoles playable open till close, can't get enough!" "Ale on point. Free retro games consoles playable open till close, can't get enough!""Ale on point. Free retro games consoles playable open till close, can't get enough!"</p>
                    </blockquote>
                    <p class="center-stuff">Customer Satisfaction %</p>
                    <div class="progress col-6 center-stuff mb-3">
                        <div class="progress-bar" style="width:93%"></div>
                    </div>
                </div>
            </div>
            <div class="media border p-3 mt-3">
                <div class="media-body col-md-12 center-stuff">
                    <h4 class="mt-3">Stan Dutton <small><i>In Store Review on October 18, 2019</i></small></h4>
                    <blockquote>
                        <p class="mb-3">"Ale on point. Free retro games consoles playable open till close, can't get enough!" "Ale on point. Free retro games consoles playable open till close, can't get enough!" "Ale on point. Free retro games consoles playable open till close, can't get enough!" "Ale on point. Free retro games consoles playable open till close, can't get enough!""Ale on point. Free retro games consoles playable open till close, can't get enough!"</p>
                    </blockquote>
                    <p class="center-stuff">Customer Satisfaction %</p>
                    <div class="progress col-6 center-stuff mb-3">
                        <div class="progress-bar" style="width:93%"></div>
                    </div>
                </div>

2019年10月18日Stan Dutton店内回顾
“Ale开关卡。免费复古游戏机可玩到关卡，无法获得足够的信息！”“Ale开关卡。免费复古游戏机可玩到关卡，无法获得足够的信息！”“Ale开关卡。免费复古游戏机可玩到关卡，无法获得足够的信息！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！"
客户满意度%
2019年10月18日Stan Dutton店内回顾
点上的Ale。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！"

客户满意度%

2019年10月18日Stan Dutton店内回顾 “说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！”“说得对。免费复古游戏控制台可玩到关闭，无法得到足够的！"

客户满意度%

试试看：

<section id="reviews">
            <div class="media border p-3 center-stuff col">
                <img
                    src="images/prof-1.jpg"
                    class="rounded-circle media-img mt-2 align-self-center"
                />
                <div class="media-body col-md-12 center-stuff">
                    <h4 class="mt-3">
                        Stan Dutton
                        <small
                            ><i>In Store Review on October 18, 2019</i></small
                        >
                    </h4>
                    <blockquote>
                        <p class="mb-3">
                            "Ale on point. Free retro games consoles playable
                            open till close, can't get enough!" "Ale on point.
                            Free retro games consoles playable open till close,
                            can't get enough!" "Ale on point. Free retro games
                            consoles playable open till close, can't get
                            enough!" "Ale on point. Free retro games consoles
                            playable open till close, can't get enough!""Ale on
                            point. Free retro games consoles playable open till
                            close, can't get enough!"
                        </p>
                    </blockquote>
                    <p class="center-stuff">Customer Satisfaction %</p>
                    <div class="progress col-6 center-stuff mb-3">
                        <div class="progress-bar" style="width:93%"></div>
                    </div>
                </div>
            </div>
            <div class="media border p-3 center-stuff col">
                <div class="media-body col-md-12 center-stuff">
                    <h4 class="mt-3">
                        Stan Dutton
                        <small
                            ><i>In Store Review on October 18, 2019</i></small
                        >
                    </h4>
                    <blockquote>
                        <p class="mb-3">
                            "Ale on point. Free retro games consoles playable
                            open till close, can't get enough!" "Ale on point.
                            Free retro games consoles playable open till close,
                            can't get enough!" "Ale on point. Free retro games
                            consoles playable open till close, can't get
                            enough!" "Ale on point. Free retro games consoles
                            playable open till close, can't get enough!""Ale on
                            point. Free retro games consoles playable open till
                            close, can't get enough!"
                        </p>
                    </blockquote>
                    <p class="center-stuff">Customer Satisfaction %</p>
                    <div class="progress col-6 center-stuff mb-3">
                        <div class="progress-bar" style="width:93%"></div>
                    </div>
                </div>
                <img
                    src="images/prof-1.jpg"
                    class="rounded-circle media-img mt-2 align-self-center"
                />
            </div>
            <div class="media border p-3 center-stuff col">
                <img
                    src="images/prof-1.jpg"
                    class="rounded-circle media-img mt-2 align-self-center"
                />
                <div class="media-body col-md-12 center-stuff">
                    <h4 class="mt-3">
                        Stan Dutton
                        <small
                            ><i>In Store Review on October 18, 2019</i></small
                        >
                    </h4>
                    <blockquote>
                        <p class="mb-3">
                            "Ale on point. Free retro games consoles playable
                            open till close, can't get enough!" "Ale on point.
                            Free retro games consoles playable open till close,
                            can't get enough!" "Ale on point. Free retro games
                            consoles playable open till close, can't get
                            enough!" "Ale on point. Free retro games consoles
                            playable open till close, can't get enough!""Ale on
                            point. Free retro games consoles playable open till
                            close, can't get enough!"
                        </p>
                    </blockquote>
                    <p class="center-stuff">Customer Satisfaction %</p>
                    <div class="progress col-6 center-stuff mb-3">
                        <div class="progress-bar" style="width:93%"></div>
                    </div>
                </div>
            </div>
</section>

斯坦·达顿
2019年10月18日店内回顾

“说得对。免费复古游戏控制台可玩
开到关，不够！”“说得对。
免费复古游戏控制台，可开到关玩，
够不着！”“说得对。免费复古游戏
控制台可开到关，无法打开
足够地”“说得对。免费复古游戏机
开到关都可以玩，还不够！”“来吧
指向免费复古游戏控制台可玩到
靠得太近了，还不够！"

客户满意度%
斯坦·达顿
2019年10月18日店内回顾

“说得对。免费复古游戏控制台可玩
开到关，不够！”“说得对。
免费复古游戏控制台，可开到关玩，
够不着！”“说得对。免费复古游戏
控制台可开到关，无法打开
足够地”“说得对。免费复古游戏机
开到关都可以玩，还不够！”“来吧
指向免费复古游戏控制台可玩到
靠得太近了，还不够！"

客户满意度%
斯坦·达顿
2019年10月18日店内回顾

“说得对。免费复古游戏控制台可玩
开到关，不够！”“说得对。
免费复古游戏控制台，可开到关玩，
够不着！”“说得对。免费复古游戏
控制台可开到关，无法打开
足够地”“说得对。免费复古游戏机
普拉亚