Содержит контент на мобильный для начальной загрузки столбец col-sm-4

Question

Итак, на моем веб-сайте есть страница с примерами из практики, которая выглядит хорошо на рабочем столе, но на мобильном телефоне текст не содержится, хотя я использую класс начальной загрузки col-sm-4.

Я пытался добавитьдополнительный

div с class = "case-study-content">

, а затем добавить стиль CSS

@media  (max-width: 480px) {
  .case-study-content{
    width: 90%;
  }
}

, но это не такне работает.

HTML-код ниже и ссылка на фактическую страницу здесь :

<div class="container">
    <div class="row d-flex">
            <?php

               $args1 = array( 'post_type' => array('case_studies'), 'order' => 'DESC', 'posts_per_page' => 30, 'orderby' => 'date' );
               $loop = new WP_Query( $args1 );

               while ( $loop->have_posts() ) { 

               $loop->the_post();

               $feat_image = wp_get_attachment_url( get_post_thumbnail_id($loop->ID));

            ?>

            <div class="col-sm-4">
                 <div class="case-study-content">
                        <a href="<?php the_permalink() ?>" class="blog_blocks">
                            <div class="b_image">
                                <img src="<?php echo get_the_post_thumbnail_url(); ?>"/>
                            </div>
                            <div class="b_h_sec">
                            <h2><?php the_title(); ?></h2>
                            <p><?php echo wp_strip_all_tags( get_the_excerpt(), true ); ?></p>
                            <span class="r_m">Read More</span>
                            </div>
                        </a>
                 </div>
            </div>
        <?php } ?>

        <?php wp_reset_postdata(); ?>
</div>

Надеюсь, вы, ребята, можетепомощь