HTML, CSS (Flexbox), and JS

Hi all- this was by far the most challenging front end project I have done so far. It is not perfect by any means but I am happy with the overall layout and responsiveness. I tried to incorporate flexbox to cut down on the amount of CSS I would need but it is still a lot. I had a few issues with the project:

1. The background images would not load when included them in the HTML and CSS. Other images from the same folders did load though so I am not sure what was going on.

2. I couldn't figure out how to get the black background to stay on the bottom of the page. I tried using position: relative, absolute, and fixed but none of them made the image stick to the very bottom of the page. I left some of the CSS that I tried to use in and commented it out.

3. I was not sure how to size the logo and chart images to make them not stretch out of focus.

4. I was not able to complete the bonus challenge of customizing the <select> items. I could change how the options looked on the original select field but could figure out how to customize the the dropdown menu.

There are probably many areas that I could improve upon with this project but I am happy with how it turned out for being the first big project in my portfolio. If you have solutions to any of the above issues or have feedback on anything else please feel free to leave a comment.

Thanks!