.rotating-logo {
    width: 50%;
    opacity: 0.1; /* 10% opacity */
    animation: rotate 50s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Responsive adjustments for the logo */
@media (max-width: 768px) {
    .rotating-logo {
        width: 75%;
    }
}