Responsive Image Component - Copy this React, Tailwind Component to your project

@media screen and (max width: 800px) {#himage{display:none !important;}} <div class="col sm 12 mb 2"> <h1 class="fw bold text capitalize mt 3 mt lg 0 display 3">#1 Platform for Earning Cryptocurrencies</h1> <h1 class="display 5 fw bold text capitalize mt 2 mt lg 0">20+ Ways to Earn Money Free</h1> </div> <div class="col sm 6 hero_img section animated mb 2 img fluid"><span id="himage"><img class='text center' src='assets/new/home1.png' width='300px'></span></div> display none is not working for id "himage" fix it or use javascript to hide "himage in mobile devices"