/* Fixed width for the logo container */
width: 250px; /* Fixed width for the container */
margin-left: 12px; /* Adjusted spacing for the larger wreath */
/* Desktop animation */
transform: scale(2.5); /* Larger scaling for the wreath */
transform: rotate(360deg) scale(1.8); /* Increased size for the wreath */
/* Mobile animation */
transform: scale(1.5); /* Smaller scaling for mobile wreath */
transform: rotate(360deg) scale(1.2); /* Adjusted size for mobile wreath */
/* Responsive styles for smaller screens */
width: 200px; /* Smaller container width on mobile */
display: none; /* Hide the icon on mobile */
margin-left: 2px; /* Reduce the gap after the animation ends on mobile */
// Check screen size and apply appropriate class