<BenefitsSection> Component

<BenefitsSection
  heading="Everything is awesome"
  backgroundImage={{
    url: 'https://www.datocms-assets.com/98401/1681256542-benefits-fullcrop.jpg',
    alt: 'Rest Plus 2nd gen sits in a kids play area'
  }}
  background="white"
  benefits={[{
      id: '0-Wherever their head hits the pillow',
      heading: 'Wherever their head hits the pillow',
      description:
        'Keep your little one dreaming, wherever they fall asleep when you bring Rest+ and its up to 8 hour battery into any room',
      icon: {
        url: 'https://www.datocms-assets.com/98401/1681256542-zzz-pillow-icon.svg',
        title: 'Zzz and pillow illustrative icon',
        width: 50,
        height: 72, // Arbitratry larger height to mitigate  difference
        __typename: 'Asset',
        alt: 'Zzz and pillow illustrative icon'
      }
    },{
      id: '1-Weather any weather',
      heading: 'Weather any weather',
      description:
        'In case of a storm, keep the nightlight on even if the house lights go out',
      icon: {
        url: 'https://www.datocms-assets.com/98401/1681256543-rain-cloud-svg.svg',
        title: 'Illustration of rain cloud',
        width: 59,
        height: 72, // Arbitratry larger height to mitigate  difference
        __typename: 'Asset',
        alt: 'Illustration of rain cloud'
      }
    }
  ]}
/>