.article[class*="vg__bannerAT--"] {
    position: relative;
    float: left;
    margin: 0 0 1em 2%;
}

.bannerAT {
    position: relative;
    overflow: hidden;
}

.bannerAT__image {
    width: 100%;
    -webkit-transition: -webkit-transform .5s ease-out;
    -moz-transition: -moz-transform .5s ease-out;
    -ms-transition: -ms-transform .5s ease-out;
    -o-transition: -o-transform .5s ease-out;
    transition: transform .5s ease-out;
}

.bannerAT:hover .bannerAT__image {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.bannerAT__content {
    position: absolute;
    right: 0;
    bottom: 1em;
    padding: .5em 1em;
    z-index: 30;
    text-align: center;
    background-color: #fff;
    background-color: rgba(255,255,255,.7);
}

.bannerAT__content a {
    text-decoration: none;
    color: #000;
}

.bannerAT__content a:hover {
    text-decoration: underline;
}

.bannerAT__content a:hover:after{
    text-decoration: none;
}

@media (min-width: 500px) {
    .vg__bannerAT--25,
    .vg__bannerAT--50 {
        width: calc(50% - 2%);
        height: 0;
        padding-bottom: 28%;
        overflow: hidden;
    }

    .vg__bannerAT--50portrait {
        padding-bottom: 60%;
    }

    .bannerAT--25,
    .bannerAT--50 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}

@media (min-width: 768px) {
    .article[class*="vg__bannerAT--"] {
        margin: 0 0 1.3% 1.3%;
    }

    .vg__bannerAT--25 {
        width: 23.7%;
        padding-bottom: 14.2%;
    }

    .vg__bannerAT--50 {
        width: 48.6%;
        padding-bottom: 29.6%;
    }

    .vg__bannerAT--50portrait {
        padding-bottom: 60%;
    }

    .vg__bannerAT--75 {
        width: 73.7%;
        height: 0;
        padding-bottom: 29.6%;
        overflow: hidden;
    }

    .vg__bannerAT--100 {
        width: 98.7%;
    }

    .bannerAT--75 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
}