Refactor: Numbered section

[machikoyasuda]

closes #101

Thanks to https://stackoverflow.com/questions/5732836/html-css-numbered-list-with-numbers-inside-of-circles

What this PR does

Everything between the purple dots, Bringing industry standards to California’s transit providers and the purple/pink dots.

• refactor picture/image HTML with <ul> <ol> and CSS pseudoelement circles
• delete unused images
• delete unused css
• update copy
• update image border
• use correct colors
• reorders the big 2 sections so the homepage is now all in the correct order
• re-do the spacing below/above the purple dots, so that it is even
• declare mobile-first padding between the two text-only sections and the dots

[netlify]

✅ Deploy Preview for cal-itp-website ready!

Name	Link
🔨 Latest commit	2fd7282
🔍 Latest deploy log	https://app.netlify.com/sites/cal-itp-website/deploys/646651c498d4110007fe400a
😎 Deploy Preview	https://deploy-preview-136--cal-itp-website.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[machikoyasuda]

This is now ready for review @angela-tran @thekaveman

[thekaveman]

Wait I thought .constricted was removed in #133 but it is back here?

[machikoyasuda]

@thekaveman Oh my bad. Painful rebase.

[thekaveman]

@mrose914 can you please review the content of this numbered section: https://deploy-preview-136--cal-itp-website.netlify.app/

We used the exact wording from the content doc, just want to make sure this is the intended casing (only No. 1 is capitalized, the rest are lower case):

[machikoyasuda]

@thekaveman Could we still merge this w/o waiting on final copy? I can make a new Issue for the copy issue on just the numbered area. This PR moves the giant

s around and it's going to be helpful for subsequent PRs (or an enormous rebase headache).

[mrose914]

I would suggest we remove “lt” from the first line and leave the four goals to begin with lower case casing.
@esquared415 will you confirm? I also feel like the coffee line is still just a tad clunky still but I don’t have a better alternative.

@thekaveman this isn’t a blocking change/approval. We can push to staging and will message to Marty that the copy may undergo non material changes after his sign off.

Thank you!