Update the images on the credits page so they're all the same width

[macho-catt]

Overview

We need to ensure that the images on the credits page have the same width so the page looks uniform and professional.

Action Items

• Adjust the css of the div class that contains the image (.icon-left) so the width is uniform across all images
  • Maintain a proper aspect ratio for the height
  • Adjust the image size as necessary for smaller viewport screens (responsiveness)

All individual images should be the same width

Resources/Instructions

Credits html file
CSS file
Credits page

[github-actions]

@JimGeist

Please add update using the below template (even if you have a pull request). Afterwards, remove the 'To Update !' label and add the 'Status: Updated' label.

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures: "Add any pictures of the visual changes made to the site so far."

If you need help, be sure to either: 1) place your issue in the developer meeting discussion column and ask for help at your next meeting, 2) put a "Status: Help Wanted" label on your issue and pull request, or 3) put up a request for assistance on the #hfla-site channel.

_{You are receiving this comment because your last comment was before Monday, December 20, 2021 at 11:19 PM PST.}

[JimGeist]

1. Progress: I found that there is a maxwidth attribute tag. The maxwidth downsizes larger images but it does not upscale smaller images. Adding in a wdith tag for the image in the inspector console fixed the image sizes. However, not all the images will have the same 'icon' size width because some of the image files have negative space on either side of the image.
2. Blockers: No difficulties, but I need to hold on this (2456) issue because some rework is needed for Tooltip with long text cuts off when hovering over wins icons.
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: I hope this issue (2456) and 2408 are resolved by Wednesday, Dec. 29, 2021.
5. Pictures: No pictures at this time.

[JimGeist]

1. Progress: I found that there is a maxwidth attribute tag. The maxwidth downsizes larger images but it does not upscale smaller images. Adding in a wdith tag for the image in the inspector console fixed the image sizes. However, not all the images will have the same 'icon' size width because some of the image files have negative space on either side of the image.
2. Blockers: None - rework for Tooltip with long text cuts off when hovering over wins icons was completed today.
3. Availability: ~1 - 2 hours
4. ETA: I hope this issue (2456) and 2408 are resolved by Wednesday, Dec. 29, 2021.
5. Pictures: No pictures at this time.