#106 - Academy Page Introduction

Link to Ticket On Codebase

Added the introduction "how it works" section. For this component I've added a clip path mask over the image that solves some of the previous issues I've had with setting specific image widths and heights multiple times over to keep the image mask ratio correct. Perhaps the ideal solution now is to develop this using aspect-ratio, this may have to be a progressive enhancement.

Tablet and mobile designs are quite awkward, I've tried making the image fit the flow of the page on tablet by pushing it to the right. This creates white space that could be filled with colored shards, or another image?

How to Test

Link to preview site page with component

Screenshots

MR Checklist

[x] Add a description of your pull request and instructions for the reviewer to verify your work.
[x] If your pull request is for a specific ticket, link to it in the description.
[x] Stay on point and keep it small so the merge request can be easily reviewed.
[x] Consider adding unit tests, especially for bug fixes. If you don't, tell us why.
[x] Tests and linting passes.
[x] Consider updating documentation. If you don't, tell us why.
[x] If relevant, list the environments / browsers in which you tested your changes.

torchbox / careers