JSFiddle - React, Tailwind, and code Playground

HTML

<div id="my_carousel" class="carousel slide"><!-- class of slide for animation -->
          <div class="carousel-inner">
            <div id="world_recipes" class="item active"><!-- class of active since it's the first item -->
              <div class="description">
                Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
              </div><div class="proj_image">
                <img src="http://placesheen.com/400/200">
              </div>

              <div class="carousel-caption">
                <p>Caption text here</p>
              </div>
            </div>
          </div><!-- /.carousel-inner -->
          <!--  Next and Previous controls below -->
          <a class="carousel-control left" href="#my_carousel" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#my_carousel" data-slide="next">&rsaquo;</a>
        </div>

CSS

.description, .proj_image {
    display: inline-block;
    width: 50%;
}