Fixed issue with focus on the book images

[Goodiec]

Issue Description

Noticed an issue in the Books column on the learn page. Clicking on the first image applies the style for focus on the second image. Clicking on the second image applies to the second and also the outline from the style displays off the outline of the images. This issue is shown in the images below

Please include a summary of the issue.
The style for focus wasn't displaying properly for the book images.

Fixes # (issue)
Fixes #1357

Changes Made

Added a class to the affected images and then used CSS in the CSS file to fix the issue.

Please describe the changes that you made.
Remove the inline styling that was added to both images that were contributing to the issue and added new classes to display the images properly.
Before

After

• Please check if the PR fulfills these requirements

• PR is descriptively titled and links the original issue above
• Before/after screenshots (if this is a layout change)
• Details of which platforms the change was tested on (if this is a browser-specific change)
• Context for what motivated the change (if this is a change to some content)

[Goodiec]

@pitag-ha, @gs0510, I Just noticed that the contents from the books section down on the docs page of the ocaml.org website do not get displayed properly on smaller screen sizes, there's way too much empty space on the right. Can I add a commit to this request to fix that or should I open an issue for it?

[nibble0101]

Hi @Goodiec.

Thanks for the PR. I tried going through the changes you made but looks like some of them are a result of formatting the code. Is that correct? If so, It would be best to always avoid committing formatting changes otherwise reviewing your code becomes difficult.

[Goodiec]

Hi @Goodiec.

Thanks for the PR. I tried going through the changes you made but looks like some of them are a result of formatting the code. Is that correct? If so, It would be best to always avoid committing formatting changes otherwise reviewing your code becomes difficult.

Hello @nibble0101, thank you for the review. Please could you elaborate more on this so I can make the corrections?

[nibble0101]

@Goodiec What i mean is that there seems to be some changes in your commit which are not related to the issue you are trying to fix though I could be wrong. From the top right corner, you will notice github is indicating you have changed 58 lines of code. You removed 23 lines and added 35 lines. Are all those changes fixing issue #1357 or some of them are as a result of formatting the code?

[Goodiec]

@Goodiec What i mean is that there seems to be some changes in your commit which are not related to the issue you are trying to fix though I could be wrong. From the top right corner, you will notice github is indicating you have changed 58 lines of code. You removed 23 lines and added 35 lines. Are all those changes fixing issue #1357 or some of them are as a result of formatting the code?

OK @nibble0101, I think it is adding the whitespace changes that my editor is making. I will look at how to stop that from happening, thank you!

[avsm]

Merged to the live site. Thanks!