html,
body {
    margin: 0;
    padding: 0;
    max-width: 1920px;
    width: 100%;
    min-width: 320px;
    height: 100%;
}

.vg-banner64-container {
    background: #fff;
    position: relative;
    max-width: 1920px;
    width: 100%;
    min-width: 100%;
    height: 600px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
}

/* ---------------------------------  */

.vg-banner64-bg {
    width: 100%;
    height: 100%;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: 0.3s;
}

.vg-banner64-bg img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;

    transform: translateX(-50%);
}

.vg-banner64-t {
    width: 33.1%;
    height: 99%;

    position: absolute;
    top: 42.7%;
    left: 23.5%;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: 0.3s;
}

.vg-banner64-bg img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;

    transform: translateX(-50%);
}

@media (max-width: 768px) {
    .vg-banner64-t {
        width: 83.3%;
        height: 99%;
        
        top: 106.4%;
        left: 2.7%;
    }
}