.media-container {
  display: flex; /* 要素を横並びにする */
  align-items: center; /* 縦方向の中央揃え */
  gap: 10px; /* 画像とテキストの間の余白 */
}

.media-image {
  width: 200px; /* 画像の幅（お好みで調整） */
  height: auto;
}

.media-text {
  flex: 1; /* 残りの幅いっぱいにテキストを表示する */
}