JSFiddle - React, Tailwind, and code Playground

by DannyEnglander

HTML

<span class="video-item">
    <span class="video-wrapper">

<a href="#" data-poster="" data-autoplay="true" data-firefoxusesflash="true" data-flashhaspriority="false" data-description="#description_1" data-title="Jugis Jus Pertineo Si Video for everyone!" data-thumbnail="" data-group="video">

<img
width="340" height="190" title="Video for everyone!" alt="Video for everyone!"
    src="http://lorempixel.com/400/200/" />
</a>
    
<h3>Jugis Jus Pertineo Si Video for everyone!</h3>

<span id="description_1" class="jackbox-description">
    
<h4>Jugis Jus Pertineo Si Video for everyone!</h4>
<p>Pecus quadrum vulpes. Cui diam feugiat huic pecus refoveo scisco singularis vulpes. Dignissim eu incassum luptatum patria torqueo ut 
Causa cui eligo ideo immitto iriure jugis natu patria vereor....</p>
</span>
    

    </span>
 </span>

CSS

span.video-item {
    display: block;
    width: 50%;
    background: #ccc;
}

img {
    max-width: 100%;
    height: auto;
}