.logo {
    transition: transform .5s, opacity .5s ease;
}

.logo:hover {
    transform: translate(0, -10px);
}

.logo:active {
    opacity: 0.5;
    transform: translate(0, 0);
}

.logo__image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-position: center;
    object-fit: cover;
}