Add new outcome screenshots

foundations/01-css-methods/README.md

@@ -10,7 +10,7 @@ The properties you need to add to each element are:
 * `button`: an orange background and a font size of 18px
 
 ## Desired Outcome
-![outcome](https://user-images.githubusercontent.com/70952936/131268832-f3a3bbde-c9e6-4e73-9b99-79ffa3d2144a.png)
+![desired outcome](./desired-outcome.png)
 
 
 ### Self Check

foundations/02-class-id-selectors/README.md

@@ -16,7 +16,7 @@ Quick tip: in VS Code, you can change which format colors are displayed in RGB,
 > Part of your task is to add a font to _some_ of these items. Do not worry about the font of the rest of them. Your browser's default font might be different than the one displayed and that's OK for this exercise.
 
 ## Desired Outcome
-![outcome](https://user-images.githubusercontent.com/70952936/131268858-5360bb32-27ba-4ce0-be59-5fda97f5eb12.png)
+![desired outcome](./desired-outcome.png)
 
 
 ### Self Check

foundations/03-grouping-selectors/README.md

@@ -11,7 +11,7 @@ This will help you further practice adding classes and using class selectors, so
 * **Both elements**: a font size of 28px and a list of fonts containing `Helvetica` and `Times New Roman`, with `sans-serif` as a fallback 
 
 ## Desired Outcome
-![outcome](https://user-images.githubusercontent.com/70952936/131268881-369972f3-b6b6-4242-965f-512c1335cc3a.png)
+![desired outcome](./desired-outcome.png)
 
 
 ### Self Check

foundations/04-chaining-selectors/README.md

@@ -12,8 +12,7 @@ The properties you need to add to each element are:
 * Make the element with both the `avatar` and `distorted` classes 200 pixels wide, then make its height twice as big as its width (here you should hardcode in a pixel value).
 
 ## Desired Outcome
-![outcome](https://user-images.githubusercontent.com/70952936/131268893-f2e0b302-ea2e-44b8-ba30-b555a35023c9.jpg)
-
+![desired outcome](./desired-outcome.png)
 
 ### Self Check
 - Did you properly chain class selectors for each rule?

foundations/05-descendant-combinator/README.md

@@ -10,7 +10,7 @@ The properties you need to add are:
 * Only the `p` elements that are descendants of the `div` element should have a yellow background, red text, a font size of 20px, and center aligned.
 
 ## Desired Outcome
-![outcome](https://user-images.githubusercontent.com/70952936/131268923-75916744-d57f-4609-92f0-4f7ce031726a.png)
+![desired outcome](./desired-outcome.png)
 
 
 ### Self Check

foundations/06-cascade-fix/README.md

@@ -8,7 +8,7 @@ There are multiple ways to solve this exercise, and we did our best to include a
 Issues with the cascade can be the bane of their existence for many when it comes to CSS. While you won't become a cascade expert from this exercise alone, and there are other ways to deal with these issues, it is still super helpful to see how these issues affect our final styles and why it's important to order rules carefully.
 
 ## Desired Outcome
-![outcome](https://user-images.githubusercontent.com/70952936/131411210-47ff21dd-6d0c-4a7f-b6b1-1ec40f93dd8c.jpg)
+![desired outcome](./desired-outcome.png)
 
 ### Self Check
 - Did you make sure to not edit the HTML file?