レスポンシブした時に画像の大きさが変わらないが、どこがおかしいのかわからない

レスポンシブした時に画像サイズを徐々に小さくしたいのですが、なりません。。
どこがおかしいのかわからないので、教えていただけると幸いです。

HTML
1<div class="popular">
2  <div class="container">
3    <img class="catch-icon" src="./img/title-popular.png" alt="">
4    <div class="popular_contents">
5      <div class="popular_content">
6        <div class="popular_content_left">
7          <img src="./img/popular-photo1.png" alt="" class="popular_content_left_img">
8        </div>
9        <div class="popular_content_right">
10          <h3 class="popular_content_right_title">
11            カフェめぐり3年間、まじめなコーヒーと素朴なスイーツに行き着いた
12          </h3>
13          <p class="popular_content_right_text">
14            ほどよい苦味が心地よいコーヒーと、卵の味が濃いドーナッツ。素朴で実直な味で繰り返し立ち寄りたくなるこのお店は、カフェ巡りが趣味だった店主の哲学から生まれました。
15          </p>
16          <p class="popular_content_right_info">
17            東京／Japan
18          </p>
19        </div>
20      </div>
21    </div>
22  </div>
23</div>

CSS
1/* Popular */
2.popular{
3  .catch-icon{
4    padding-top: 30px;
5  }
6  .popular_contents{
7    padding-bottom: 120px;
8    .popular_content{
9      display: flex;
10      align-items: center;
11      border-top: 1px solid #d8d8d8;
12      &:last-child{
13        border-bottom: 1px solid #d8d8d8;
14      }
15      .popular_content_left{
16        padding: 5px 15px 5px 0;
17        .popular_content_left_img{
18          flex: 0 0 30%;
19          position: relative;
20          vertical-align: bottom;
21        }
22      }
23      .popular_content_right{
24        .popular_content_right_title{
25          font-size: 1.25rem;
26          font-weight: normal;
27        }
28        .popular_content_right_text{
29          font-size: 0.875rem;
30          padding: 10px 0 13px;
31        }
32        .popular_content_right_info{
33          font-size: 0.75rem;
34          &::before{
35            font-family: "Font Awesome 5 Free";
36            font-weight: bold;
37            content: "\f3c5";
38            color: #73CBD6;
39          }
40        }
41      }
42    }
43  }
44} 
45
46  /* レスポンシブ */
47@media(max-width:768px){
48  html{
49    font-size: 14px;
50  }
51
52  body{
53    line-height: 1.7;
54  }
55
56  .container{
57    max-width: 768px;
58    margin: 0 auto;
59    padding: 0 4%;
60  }
61
62  .popular{
63    .popular_content_right{
64      .popular_content_right_text{
65        display: none;
66      }
67    }
68  } 
69}