fix: ts error and update tests

Author: jscottsmith

src/components/Parallax/__snapshots__/index.test.tsx.snap

@@ -1,30 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`given the <Parallax> component given the <Parallax> component when given children then it renders them 1`] = `
-<DocumentFragment>
-  <div
-    style="will-change: transform;"
-  >
-    <div
-      class="foo"
-    />
-  </div>
-</DocumentFragment>
-`;
-
-exports[`given the <Parallax> component given the <Parallax> component when normal configurations are given then it renders correctly 1`] = `
-<DocumentFragment>
-  <div
-    class="class-foo"
-    style="border: 2px solid red; will-change: transform; transform: translateX(100%)translateY(100%);"
-  >
-    <div
-      class="foo"
-    />
-  </div>
-</DocumentFragment>
-`;
-
 exports[`given the <Parallax> component when normal configurations are given then it renders correctly 1`] = `
 <DocumentFragment>
   <div

src/components/Parallax/index.test.tsx

@@ -66,17 +66,14 @@ describe('given the <Parallax> component', () => {
             id="test-id"
             data-testid="data-test-id"
             data-foo="bar"
-            aria-role="button"
+            aria-label="Cool"
           />
         </ParallaxProvider>
       );
       expect(getByTestId('data-test-id')).toBeInTheDocument();
       expect(container.querySelector('.my-class')).toBeInTheDocument();
       expect(container.querySelector('#test-id')).toBeInTheDocument();
-      expect(getByTestId('data-test-id')).toHaveAttribute(
-        'aria-role',
-        'button'
-      );
+      expect(getByTestId('data-test-id')).toHaveAttribute('aria-label', 'Cool');
       expect(getByTestId('data-test-id')).toHaveAttribute('data-foo', 'bar');
       expect(getByTestId('data-test-id').style.background).toBe('red');
     });

src/components/ParallaxBanner/index.tsx

@@ -1,15 +1,16 @@
 import React, { PropsWithChildren } from 'react';
+import { CSSProperties } from 'react';
 import { Parallax } from '../Parallax';
 import { ParallaxBannerProps } from './types';
 
-const containerStyle = {
+const containerStyle: CSSProperties = {
   position: 'relative',
   overflow: 'hidden',
   width: '100%',
   height: '50vh',
 };
 
-const absoluteStyle = {
+const absoluteStyle: CSSProperties = {
   position: 'absolute',
   top: 0,
   right: 0,