画像がはみ出して右に余白が生まれてしまう

『できたらすぐに』部分の画像が画面サイズに収まるようにしたい

文字は画像になっています。
横並びしていますが画面サイズを縮めると飛び出して
横に白い余白が生まれてしまいます

発生している問題・エラーメッセージ

該当のソースコード

HTML

1<div class="bgd-img-3"> 2 <div class="wrapper"> 3 <div class="blue-comment-flex"> 4 <img src="./images/lp50.png" alt=""> 5 <img src="./images/lp45.png" alt=""> 6 </div>

CSS

1.blue-comment-flex {2 display: flex;3}4 5.wrapper {6 max-width: 1000px;7 margin: 0 auto;8 9 10}11 12.blue-comment-flex {13 display: flex;14 width: 100%;15}

試したこと

overflow: hidden;にすると
文字が切れてしまいました

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。