JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/malsup/cycle/master/jquery.cycle.lite.js"></script>
<div id="container">
  <div id="main" class="home" role="main">
     Content
  </div>
</div>

CSS

#container {
    max-width:960px;
}
#main {
    max-width:780px;
    height:520px;
    margin:0 auto 40px;
    overflow:hidden;
    background:#ccc;
}
#main img {
    width:100%;
    height:auto;
}

JavaScript

$('.home').cycle({
        fx:'fade' 
    });
    $('#container').resize(function(){
          var child_height = $('.slide:visible').height();
          $('#main').css('height', child_height);
    });