scssのincludeについて

Question

下記のコードについてなのですが、

<div class="about">
    <div class="container">
        <img src="/wp-content/themes/ill/img/page/front/front_about_pic_1.png" alt="">

        <div class="about_text">
            <h3>なりたい自分になれる場所<br>一人一人に合わせたトレーニング</h3>
            <p>体</p>
            <a href="">
                <p>詳しく見る</p>
            </a>
        </div>

    </div>

</div>

.about {
  @include container {
    display: flex;

    img {
    width: 50%;
    }
  }
}

scssの@includeで呼び出した中のflexとimgのwidthが反映されません。
@includeのcontainer自体は反映されております。

なぜなのか、またどのようにかいたらいいのか教えて頂きたいです。