/* Mobile (Extra Small) */
@media only screen and (max-width: 458px) {
    /* CSS rules for mobile devices with a max width of 458px */
   
    .profile-xs{
      display: block;
      bottom: -30px;
    }
    .profile-xl{
      display: none;
    }
  }
  
  /* Tablet and Laptop (Small and above) */
  @media only screen and (min-width: 459px) {
    .profile-xs{
      display: none;
    }
    .profile-xl{
      display: block;
    }
    
    /* CSS rules for tablets and laptops with a min width of 459px */
  }