.logo-img {
    max-width: 300px; /* Adjust the max width of the logo */
    height: auto;     /* Maintain aspect ratio */
    display: block;   /* Ensures proper centering behavior */
    margin: 0 auto;   /* Centers the logo horizontally */
}

@media (max-width: 768px) {
    .logo-img {
        max-width: 150px; /* Smaller logo for smaller screens */
    }
}