JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<head>
    ...
    <!-- js -->
    <script src="js/jquery-2.1.4.min.js"></script>
    ...
    <script>
        $(function () {
            $(".icon_card1").click(function () {
        $(".card1bg").css('opacity', '1');
            });
        });
    </script>
</head>
<body>
    ...
    <div class="content">
        <div class="card1">
            <div class="image_card1"></div>
            <div class="icon_card1"><img src="img/arrow.png"></div>
        </div>
    </div>
    ...
    <div class="card1bg">
        <video autoplay  poster="img/background.png" id="bgvid" loop>
            <source src="img/background.mp4" type="video/mp4">
        </video>
    </div>
    ...
</body>