body{
background: #ffffff;
}
.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* or any fixed height */

}
.logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: auto;
}
/* Phones */
@media (max-width: 600px) { 
    .logo img {
        width: 100%; /* Adjust width for smaller screens */
    }
 }

/* Tablets */
@media (min-width: 600px) and (max-width: 768px) { 
    .logo img {
        width: 80%; /* Adjust width for tablets */
    }
 }