.cb-logo-wall.hf-animations {
    img,svg {
        width: 100%;
        opacity: 0;
    }

    &.in-viewport {
        img,svg {
            animation: zoomInLogo;
            animation-duration: 1s;
            animation-delay: .1s;
            animation-iteration-count: 1;
            animation-fill-mode: forwards;
            transform: scale(0,0);
        }
    }
}

@keyframes zoomInLogo {
    from {
        opacity: 0;
        transform: scale(0,0);
    }

    to {
        opacity: 1;
        transform: scale(1,1);
    }
}