I'm trying to show different logo for mobile devices and for desktop/tabs. How to achieve this ? I've tried the code from

<style>
  .mobile {
    display: none !important;
}
  @media (max-width: 600px) {
    .mobile {
      display: block;
    }
    .desktop {
      display: none;
    }
  }
</style>
<div>
  <img src="/img/logo_desktop.png"  />
  <img src="/img/logo_mobile.png" !important" and probably your problem will be solved. "!important" should only be used when there is no other way to parse the code.