<div>
  <img src="https://images.unsplash.com/photo-1613988958984-f5d78aa057d7?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MXwxNDU4OXwwfDF8cmFuZG9tfHx8fHx8fHw&ixlib=rb-1.2.1&q=80&w=400" alt="">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis finibus sapien eget urna malesuada, ut hendrerit augue semper. Morbi cursus est ac arcu venenatis, at tristique diam rhoncus.
  </p>
</div>

<footer>footer</footer>

div {
  display: flow-root;
  padding: 1rem;
}
img {
  float: left;
  width: 160px;
  height: 160px;
  object-fit: cover;
  margin: 0 1rem 1rem 0;
}
p {
  line-height: 1.4;
}

footer {
  background: #f66;
  text-align: center;
  padding: 2rem;
}