img.logo_image {
    object-fit: cover;
    height:100%;
    max-width: 100%;
}

.desktop_logo {
    display: block;
    height:197px;
}

.mobile_logo, .middle_logo {
    display: none;
}

@media only screen and (max-width: 1240px) {
    .desktop_logo, .mobile_logo {
        display: none;
    }
    .middle_logo {
        display: block;
    }
    img.logo_image {
        width:100%;
        height:auto;
    }
}

@media only screen and (max-width: 800px) {
    .desktop_logo, .middle_logo {
        display: none;
    }
    .mobile_logo {
        display: block;
    }
    img.logo_image {
        width:100%;
        height:auto;
    }
}