Size your Images i am stuck

Hey, it seems like i´m stuck with this challenge, I think I have a clue but in the end I don´t haha.
Kind regards, Adam
Your code so far

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<style>
  .smaller-image {
    width: 100px;
  }
</style>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

Your browser information:
Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36.
Link to the challenge:

https://www.freecodecamp.org/challenges/size-your-images

You can put your .smaller-image{ … } inside the first style tags (with the styling for .red-text, h2 and p).
Next you will have to add the class to the image, for it to have any effect.

How should the class look like? tried different varitaions but it dosen´t seem to work.

Just like the red-text class is applied to the paragraph.