Update README

README.md

@@ -2,20 +2,8 @@
 Convert your images into spirals 
 [spiralbetty.com](spiralbetty.com)
 
-<div style="display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; text-align: center;">
-<div>
-  <img src="https://github.com/shalanah/spiral-betty/blob/master/public/assets/imgs/onboard-sm-1.jpg?raw=true" style="box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px; border: 3px solid rgb(255, 255, 255); transform: scale(.8) rotate(5deg);"/>
-  <p>Upload an image or try demo image</p>
-</div>
-<div>
-  <img src="https://github.com/shalanah/spiral-betty/blob/master/public/assets/imgs/onboard-sm-2.jpg?raw=true" style="box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px; border: 3px solid rgb(255, 255, 255); transform: scale(.8) rotate(5deg);"/>
-  <p>Crop, scale, and move image in circle</p>
-</div>
-<div>
-  <img src="https://github.com/shalanah/spiral-betty/blob/master/public/assets/imgs/onboard-sm-3.jpg?raw=true" style="box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px; border: 3px solid rgb(255, 255, 255); transform: scale(.8) rotate(5deg);" />
-  <p>Spiralize, edit, and download</p>
-</div>
-</div>
+## How to use
+![](https://github.com/shalanah/spiral-betty/blob/master/public/assets/imgs/how-to.png?raw=true")
 
 ## Background
 I made this site for fun and was inspired by [Sudarium of Saint Veronica engraving by Claude Mellan](https://commons.wikimedia.org/wiki/File:Claude_Mellan_-_Face_of_Christ_-_WGA14764.jpg).