Снизу выровняйте изображение в одном абзаце с текстом в последнем абзаце

Question

ТЕКУЩИЙ HTML / CSS

img{
position:absolute;
bottom:0;
right:0;
}
div{
position:relative
}

<div>

  <p>
    first paragraph text first paragraph text paragraph text paragraph text paragraph paragraph text paragraph text paragraph text paragraph paragraph text paragraph text paragraph text paragraph paragraph text paragraph text paragraph text paragraph text paragraph paragraph text paragraph text paragraph first text paragraph
  </p>
  
  <p>
    <img src="http://via.placeholder.com/150x150">
    2nd paragraph text 2nd paragraph text paragraph text paragraph text paragraph text 2nd paragraph text 
  </p>
  
  <p>
    3rd paragraph text 3rd paragraph text paragraph text 3rd paragraph
  </p>
  
</div>

Я застрял на странице HTML с тремя абзацами, второй абзац содержит изображение, мне нужно выровнять его по левому нижнему краю, чтобыизображение с текстом в 3-м абзаце (скажем, последний абзац) без увеличения вертикального расстояния между каждым абзацем.Это может сдвинуть несколько строк первого абзаца вправо, но это нормально.

Я пытался использовать float и {position:absolute;bottom:0 with position:relative on div tag} безуспешно, так как текст не обтекает изображение.

Возможно ли это сделать с помощью CSS / JS без изменения HTML?