<div class="logo">
  <picture>
    <source style="float: right; margin-top: 4px;" srcset="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_black_square-626x626.webp" media="(prefers-color-scheme: light)" width=64 height=64" />
    <source style="float: right; margin-top: 4px;" srcset="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_white_square-626x626.webp"  media="(prefers-color-scheme: dark)" width=64 height=64" />
    <img style="float: right; margin-top: 4px;" src="https://bear-images.sfo2.cdn.digitaloceanspaces.com/haothitran/logo_black_square-626x626.webp" width=64 height=64" />
  </picture>  
</div>