<header> Example of Broken Image </header>

<main>
  <h1>Let's Work</h1>
  <img src="https://images.unsplash.com/photo1500989145603-8e7ef71d639e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=755&q=80" alt="bird view of a cup of coffee, notebook, keyboard and headphones on a desk">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit est risus, mauris eleifend euismod. Mus vitae morbi sagittis odio aliquam sociis turpis nunc iaculis, arcu mollis aptent inceptos tempus dolor erat scelerisque, adipiscing consectetur accumsan ad lobortis sociosqu nibh mi. Ac elementum per malesuada volutpat placerat amet lobortis eget mauris neque vel erat pulvinar cras imperdiet, mattis nostra velit faucibus fringilla a eleifend taciti at natoque diam maecenas tempus conubia. </p>
</main>

<hr>

<header> Example of Rendered Image </header>

<main>
  <h1>Let's Work</h1>
  <img src="https://images.unsplash.com/photo-1500989145603-8e7ef71d639e?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=755&q=80" alt="bird view of coffee, notebook, keyboard and headphones on table ">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit est risus, mauris eleifend euismod. Mus vitae morbi sagittis odio aliquam sociis turpis nunc iaculis, arcu mollis aptent inceptos tempus dolor erat scelerisque, adipiscing consectetur accumsan ad lobortis sociosqu nibh mi. Ac elementum per malesuada volutpat placerat amet lobortis eget mauris neque vel erat pulvinar cras imperdiet, mattis nostra velit faucibus fringilla a eleifend taciti at natoque diam maecenas tempus conubia. </p>
</main>

header {
  font-size: 1.5rem;
  color: purple;
}

img {
  width: 95%;
  display: block;
  margin: auto;
}