JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<script type="text/javascript" src="https://embed-ssl.wistia.com/deliveries/ff04d604519d14166c281a347be1fab6.bin?disposition=attachment&filename=jquery4a5f.js?ver=1.12.4-wp">
</script>


<div class="tdi_44_rand_style td-element-style">

<style>
.tdi_44_rand_style{
background-color:rgba(10,10,10,0.87) !important;
}
 </style>
 
 </div>
 
 <div id="tdi_46" class="tdc-row tdc-row-video-background stretch_row_content td-stretch-content">
 <div class="vc_row tdi_47  wpb_row td-pb-row tdc-element-style">
 
                    <style>

                        .tdc-row-video-background {
                            position: relative;
                        }
                        .tdc-video-outer-wrapper {
                            position: absolute;
                            width: 100%;
                            height: 100%;
                            overflow: hidden;
                            left: 0;
                            right: 0;
                            pointer-events: none;
                            top: 0;
                        }
                        .tdc-video-thumb-on-mobile {
                            display: none;
                            background-size: cover;
                            background-position: center top;
                            width: 100%;
                            height: 100%;
                            position: absolute;
                            top: 0;
                            left: 0;
                        }
                        @media (max-width: 767px) {
                            .tdc-video-outer-wrapper {
                                width: 100vw;
                                left: 50%;
                                transform: translateX(-50%);
                                -webkit-transform: translateX(-50%);
                            }
                        }

                        .tdc-video-parallax-wrapper,
                       ...