.grid-dbb{
    display: grid;
    width: 70%;
    grid-template-areas:
    'texto img3d'
    'video video'
    'galeria galeria';
    margin: auto;
}

.item1{
    grid-area: texto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item2{
    grid-area: img3d;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item2 img{
    width: 100%;
}

.item3{
    grid-area: video;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item3 video{
    width: 80%;
    margin-top: 10px;

}

.item4{
    grid-area: galeria;
}

@media screen and (max-width: 770px) {

    .grid-dbb{
        width: 100%;
    }

}

@media screen and (max-width: 770px) {

    .grid-dbb{

        grid-template-areas:
        'img3d'
        'texto'
        'video'
        'galeria';
        
    }

}