JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div id="wrapper">.</div>  
<div>

SCSS

@media only screen and (min-width: 200px){
      $ration: blue; 
      #wrapper{
          background: $ration; //or your needed property
      }
}

@media only screen and (min-width: 400px){
    $ration: red;
    #wrapper{
        background: $ration;
    }   
    }