A polygon container has been added into the block ecosystem for the YIR page template. This polygon container has a parallax effect that animates the polygons as the user scrolls down the page.
Padding should be added to elements within the polygon container to give a visual effect of the polygon cutting into the content area. Once the polygon container hits a mobile breakpoint, the padding is removed and the polygons are set into the background with a more transparent opacity.
Different styles are available and those styles correspond with when they show up in the YIR mockup. Administrators can adjust the offset from the top of the screen by utilizing the sliders available in sidebar panel.
Since a library needs to be loaded in for the parallax effect to take place, the page template must be set to Year in Review. This visual is only available on the front-end and not within the administration panel.