Logo swap HTML element

<!-- logo--wrapper is container of 2 images -->
<div class="logo--wrapper">

   <a href="/">
   <!-- loading="eager" tell the browser to load quicky as soon as possible and make sure you define width and height attribute of the images to fixed layout instability -->
  
    <img 
    loading="eager" 
    class="before"
    width="64" 
    height="64" 
        src="https://res.cloudinary.com/foxscribbler/image/upload/f_auto,q_auto,w_64,h_64/v1605763138/Elementor-page-builder-2.png" 
    alt="Elementor's logo">
    
    <img 
    loading="eager" 
    class="after" 
    width="64"
    height="64" 
    src="https://res.cloudinary.com/foxscribbler/image/upload/c_scale,f_auto,q_auto,w_64,h_64/v1605763119/Elementor-white-logo.png" 
    alt="Elementor's logo">
    </a> 
    
</div>