JSFiddle - React, Tailwind, and code Playground

by ufuri

HTML

<script src="markdalgleish.com/projects/stellar.js/js/stellar.js"></script>
	<section id="about" class="counters" data-stellar-background-ratio="2" >
	<div class="overlay"></div>

    </section>

CSS

body{height:2000px;}


.counters {
    background: url("https://www.w3schools.com/css/img_lights.jpg") center;
    position: relative;
	background-position:cover;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	height:300px;
	}

JavaScript

$(function(){
    $(window).stellar({ horizontalScrolling: false });
    console.log($(window).width());
});