Что это за ошибка при рендеринге изображения с помощью реквизита большого размера в семантическом интерфейсе?

Question

Я пытаюсь создать карточку с изображением, но изображение не отображается. Однако когда я отображаю изображение автономно, оно отображается. Почему это происходит?

      <div className = "ui card">
       <div className = "blurring dimmable image">
                    <div className = "ui dimmer">
                        <div className = "content">
                            <div className = "center">
                                <div className = "ui inverted button">
                                    See Contract
                                </div>
                            </div>
                        </div>
                        <img src = {props.ContractIcon} alt = 'MyImage' />
                    </div>
                </div>
                <div className = "content">
                    <div className = "header">
                        <h3>{faker.lorem.word()}</h3>
                    </div>
                    <div className = "description">
                        {props.ContractDescription}
                    </div>
                </div>
            </div>