title: how to center image in react-multi-carousel?
body: <p>I'm new to react, trying to build brand carousel using react-multi-carousel.
  The images are displayed properly but I want to center the image. Tried to write css it did not apply on the carousel. How this can be achieved, Or do I have to use any other carousel?
  `</p>
  <pre><code>&lt;Grid item xs={12}&gt;
   &lt;Carousel
     responsive={responsive}
     infinite={true}
     arrows={true}&gt;
         &lt;Image src={abt.logo_carousel.url}responsive/&gt;
         &lt;Image src={abt.logo_carousel1.url}responsive/&gt;
         &lt;Image src={abt.logo_carousel2.url}responsive/&gt;
         &lt;Image src={abt.logo_carousel3.url}responsive/&gt;
   &lt;/Carousel&gt;
  &lt;/Grid&gt;`
  </code></pre>