Image mobile optimization for cs107e website

[Jackal-Studios]

Images posted on the website are tiny on mobile devices, please refer to the screenshot below:

Here is the link to this page:
https://cs107e.github.io/assignments/assign2/extension/

potential solutions:

Targeting image blocks of this kind:

 ![5-way unsoldered](../images/rotary_wheel.jpg){: .w-25 .zoom}

cheap and dirty:

change image styling class from .w-25 to .h-25 and remove .zoom
(looks a bit different than original styling)

reasonable solution:

write in your own style sheet.css a class that has adaptive sizing for phones using something like:

@media screen and (max-aspect-ratio: 4/4) {
}