text: import React from 'react';
  import Image from 'gatsby-image';
  
  import Slider from "react-slick";
  import 'slick-carousel/slick/slick.css';
  import 'slick-carousel/slick/slick-theme.css';
  
  class SimpleSlider extends React.Component {
    render() {
      var settings = {
        autoplay: true,
        autoplaySpeed: 3500,
        slidesToShow: 1,
        slidesToScroll: 1,
        responsive: [
          {
            breakpoint: 1024,
            settings: {
              arrows: false
            }
          }
        ]
      };
      return (
          <div className="slider-container">
              <Slider {...settings}>
                  {this.props.images.map(({ node }) => {
                      return (
                          <div>
                              <Image fluid={node.childImageSharp.fluid}/>
                          </div>
                          )
                  })}
              </Slider>
        </div>
      );
    }
  }
  
  export default SimpleSlider;