title: How to make image to fit a div inside component of react-slideshow-image
body: <p>Im trying to make image to fit a div.
  Im using <code>react-slideshow-image</code>.</p>
  <p><strong>this is the CodSandbox :</strong>
  <a href="https://codesandbox.io/s/react-slide-imageshow-heightproblem-mforb?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/react-slide-imageshow-heightproblem-mforb?file=/src/App.js</a></p>
  <pre><code>return (
        &lt;div className=&quot;App&quot;&gt;
          &lt;div style={{ width: &quot;30%&quot;, height: &quot;70px&quot; }}&gt;
            &lt;Slide ref={this.slideRef} {...properties}&gt;
              {slideImages.map((each, index) =&gt; (
                  &lt;img style={{ objectFit: 'contain', height : '100%'}} src={each} key={index} alt=&quot;sample&quot; /&gt;
              ))}
            &lt;/Slide&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  <p>I want the images to fit the div , so i can make the div <strong>responsive</strong>.
  <strong>if the div height is 70px, so the images inside it will also be the same height:70px</strong></p>
  <p>I have tried this  <a href="https://stackoverflow.com/questions/53381293/how-to-make-an-image-fit-the-carousel">How to make an image fit the carousel?</a>.</p>
  <p>I have noticed that the <code>&lt;Slide &gt;</code> add divs so i looked at the <a href="https://react-slideshow-image.netlify.app/" rel="nofollow noreferrer">docs</a> and saw that you can add a property called <code>cssClass</code> that gets a <code>string</code>:</p>
  <blockquote>
  <p>Use this prop to add your custom css to the wrapper containing the sliders. Pass your css className as value for the cssClass prop</p>
  </blockquote>
  <p>but it doesnt seems to work and i didnt found any examples for it.</p>