如何居中对齐椭圆在列中和垂直对齐文本？

Question

    <div class="container-fluid h-100">
      <div class="row h-100">
       <div class="col-3 " style="background-color: #FFA000;">

            <div class="ova style=" width: 50px;height: 50px;-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border: 2px solid #FFA000;background: white;">

            <p style="font-size: 14px;color: white;">
              Test <br>Medium
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-9">
            <div class="d-lg-flex  flex-row bd-highlight" style="background-color: #1C232F; >
    </div>
    </div>

我需要的是我想使椭圆形和测试介质在垂直和水平方向上居中对齐，我使用了my-auto类，使椭圆形和文本都在没有背景的列的垂直中心。 -3，flex容器在col-9中，下面是代码，因此当我在行类中使用justify-content-center align-items-center时，它将使水平flex进入中间，我不希望这样我希望第一列在水平和垂直方向上都位于该列的中心。

After adding myauto

What i really want

上图提供了有关需求和问题的清晰信息。

仅第一列3的内容需要居中对齐。