Design System: Standardize Page Cards

### Dependency

- [x] #2061
- [ ] #4296
- [ ] Also check in with people working on about page and Guides pages

### Overview
As a developer, it is important to standardize our elements for all teams in the website project. For this issue, the element to standardize is the cards used on the HfLA website.

### Action Items
- [ ] [Link to Spreadsheet](https://docs.google.com/spreadsheets/d/10-c3jpf4vtXKcwLiBC4Z3wqN777xlxbErHS4QNq-e8o/edit#gid=1157217661)
- [ ] Edit the code such that the sticky side nav can stand alone, in the same way that [Bootstrap Cards with Images](https://getbootstrap.com/docs/5.0/components/card/#images-1)or [Solid ](https://solid.buzzfeed.com/cards.html)components can stand alone and is up to current protocol and standards
- [ ] This code needs to belong in various areas of our architecture based on its language type.
- [ ] HTML: [_includes/elements](https://github.com/hackforla/website/tree/gh-pages/_includes/elements)
- [ ] SCSS: [_scss/elements](https://github.com/hackforla/website/tree/gh-pages/_sass/elements)
- [ ] JS: [assets/js/elements](https://github.com/hackforla/website/tree/gh-pages/assets/js/elements)
- [ ] Make sure [this bug ](https://user-images.githubusercontent.com/62368440/130673649-c5ea9300-8106-4c60-8365-f9cc1811f1f4.png)does not happen for this component.
- [ ] This is a bug resulting from using the scroll click on a mouse to traverse the page.

**Merge Team**
- [ ] Release dependency on (insert issue that is a follow up to replace all the stick side nav code)

### Resources/Instructions
[Bootstrap Cards](hhttps://getbootstrap.com/docs/5.0/components/card/#images-1)
[Solid ](https://solid.buzzfeed.com/cards.html)