.banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    .banner-anons {
        width: calc(50% - 7.5px);
        margin: 0 0 15px 0;
        max-height: 158px;
        overflow: hidden;
        @media(max-width: 540px) {
            width: 100%;
        }

        img {
            width: 100%;
            -o-animation: brightnessOn 0.5s;
            -moz-animation: brightnessOn 0.5s;
            -webkit-animation: brightnessOn 0.5s;
            animation: brightnessOn 0.5s;
            -webkit-filter: brightness(100%);
            -moz-filter: brightness(100%);
            -ms-filter: brightness(100%);
            -o-filter: brightness(100%);
            filter: brightness(100%);

            &:hover {
                -o-animation: brightnessOff 0.5s;
                -moz-animation: brightnessOff 0.5s;
                -webkit-animation: brightnessOff 0.5s;
                animation: brightnessOff 0.5s;
                -webkit-filter: brightness(70%);
                -moz-filter: brightness(70%);
                -ms-filter: brightness(70%);
                -o-filter: brightness(70%);
                filter: brightness(70%);
            }
        }
    }
}