.header-circle{position:relative;width:36px;height:36px;border-radius:50%;background:#34495e;overflow:hidden;opacity:0;transition:opacity .3s ease}.image-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.header-croc-image,.header-logo-image{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:contain;transition:opacity .3s ease}.header-logo-image{opacity:1;z-index:2}.header-croc-image{opacity:0;z-index:1}.header-circle:hover .header-logo-image{opacity:0}.header-circle:hover .header-croc-image{opacity:1}.sparkle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;z-index:3}@keyframes sparkleAnimation{0%{transform:translate(0) scale(0);opacity:0}50%{opacity:1}to{transform:translate(var(--tx),var(--ty)) scale(1);opacity:0}}