Как сделать масштабирование изображения Wordpress на мобильном телефоне?

Question

У меня в браузере есть некоторое содержание WordPress, текст прекрасно масштабируется, когда он на мобильном телефоне, но изображение совсем не масштабируется.

Пример того, как выглядит сайт:

На рабочем столе

на мобильном телефоне

Как видите, изображение не масштабируется должным образом, как текст.

Вот как я вставляю текст и изображение в Wordpress:

Вот код:

<div style={{ width: '100%', overflowX: 'hidden', overflowY: 'scroll' }}>
<Segment basic>
  <Card
    style={{
      boxShadow: 'none',
      borderWidth: 0,
      paddingTop: '1em',
      margin: '0',
    }}
  >
    <Card.Content>
      <Image
        floated="left"
        size="large"
        avatar
        src={authors.filter(a => a.id === blog.author)[0].avatar_urls[48]}
      />
      <Card.Header>
        {authors.filter(a => a.id === blog.author)[0].name}
      </Card.Header>
      <Card.Meta>
        {new Date(blog.date).toLocaleDateString('en-US', options)}
      </Card.Meta>
    </Card.Content>
  </Card>

  <Header
    as="h1"
    content={title}
    style={{
      fontSize: '2.5em',
      textAlign: 'left',
      marginBottom: '1em',
      paddingLeft: '20px',
    }}
  />
  <Segment
    basic
    style={{
      paddingBottom: '3em',
      fontSize: '1.2em',
      width: '100%',
    }}
  >
    {ReactHtmlParser(content)}
  </Segment>
</Segment>

Как я могу решить эту проблему?