Иони c CSS: не передавать изображение под текстом с абсолютной позицией

Question

У меня есть элемент содержимого ion-card для отображения HTML элементов.

В этом HTML у меня есть параграф и изображение.

<p>Lorem ipsum...</p>

<figure>
    <img src="..." />
</figure>

Это изображение должна быть ширина 100%.

ion-card-content {
  position: relative;

  p {
    font-size: 1.1em !important;
    margin-bottom: 10px !important;
  }

  figure {
    position: absolute;
    width: 100%;
    margin-left: -16px;
  }
}

Как сделать ширину изображения 100% без абсолютной позиции. Потому что, абсолютная позиция передать мое изображение под текстом.