JSFiddle - React, Tailwind, and code Playground

HTML

<div class="LargerTracker">Larger Tracker</div>
<div class="SmallerTracker">Smaller Tracker</div>

CSS

div { padding: 20px;}
.SmallerTracker { background-color: #CCC; }
.LargerTracker { background-color: #0CC; }

JavaScript

$( document ).ready(function() {
  bindResizeHandler();  
});

function bindResizeHandler() {
    $(window)
         .resize(function () {
             var wi = $(window).width();
        
             if (wi <= 767) {
                 $('.LargerTracker').hide();
                 $('.SmallerTracker').show();
             } else {
                 $('.LargerTracker').show();
                 $('.SmallerTracker').hide();
             }
         })
         .trigger('resize');
}