Change about page images to use ImageWithBoxShadow component

[WojtekTB]

Changed the image to use the ImageWithBoxShadow component. Did not make the corners rounded as before for consistency but can add it if you think it is more important to stick to original design.

Also changed how the 2nd image is made to align with the text through conditional direction attribute. In the past I we just rendered a different copy of the component. Still achieves same result.

Also changed how the lightbulb is rendered the same way and rewrote its implementation to use the grid system as well.

I think the other components could use the same rewrite but due to large number would be better as a separate PR.

[WojtekTB]

Large:

Fixed padding to align image and the text on large screens. Still retains no padding for medium and small screen since makes image too small otherwise:

Medium:

Small: