convert to new style instructions:

1 need to delete/comment out burst-wrapper, brand-logo, award-container and move accolade-container

2 mobile - remove .mobile-awards-container and move award html inside .vehicle-details-section

3 In CSS

first put the media queries in the correct spot

add the following/make updates on existing

.oomdo-banners .mobile-offers .mobile-awards-container {
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #000;
    background: -webkit-linear-gradient(right, #000, #737475);
    background: -o-linear-gradient(right, #000, #737475);
    background: -moz-linear-gradient(right, #000, #737475);
    background: linear-gradient(to right, #000 , #737475);
}

.oomdo-banners .mobile-offers .award {
    /* display: flex; */
    width: 100PX;
    height: 40px;
    /* border: 1px solid purple; */
    position: absolute;
    top: 130px;
    left: 20px;
}

.oomdo-banners .mobile-offers .vehicle-img-wrapper {
    /*position: relative;
    width: 297px;
    margin: auto;
    margin-top: 105px;
    height: 219px;*/
    margin-top: 105px;
    height: 214px;
}

.oomdo-banners .mobile-offers .vehicle-img {
    /*width: 297px;*/
    max-height: 175px;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.oomdo-banners .vehicle-img-wrapper {
    /*width: 450px;
    height: 270px;*/
    margin: auto;
    display: flex;
    align-items: flex-end;
}

.oomdo-banners .outer-title-container {
    width: 450px;
    height: 150px;
    margin-top: 20px;
    color: #fff;
    /*background: #000;
    background: -webkit-linear-gradient(right, #000, rgba(0, 0, 0, 0.11)); 
    background: -o-linear-gradient(right, #000, rgba(0, 0, 0, 0.11)); 
    background: -moz-linear-gradient(right, #000, rgba(0, 0, 0, 0.11)); 
    background: linear-gradient(to right, #000 , rgba(0, 0, 0, 0.11));*/ 
}

/*@media (min-width: 375px) {

    .oomdo-banners .mobile-offers .mobile-awards-container {
        width: 100%;
    }

    .oomdo-banners .mobile-offers .award {
        width: 100px;
    }

}

@media (min-width: 400px) {
    .oomdo-banners .mobile-offers .vehicle-img-wrapper {
        width: 326px;
    }

    .oomdo-banners .mobile-offers .vehicle-img {
        width: 326px;
    }
}*/

@media (min-width: 600px) {
    .oomdo-banners .mobile-offers .vehicle-img-wrapper {
        /*width: 500px;*/
        margin-top: 43px;
        height: 281px;
    }

    .oomdo-banners .mobile-offers .vehicle-img {
        /*width: 100%;
        margin-left: -6px;*/
        max-height: 281px;
    }
}

@media (min-width: 850px) {

    .oomdo-banners .mobile-offers .vehicle-img-wrapper {
        /*width: 550px;*/
        margin-top: 28px;
        height: 296px;
    }

    .oomdo-banners .mobile-offers .vehicle-img {
        /*margin-left: 20px;*/
        max-height: 296px;
    }

}


@media (min-width: 992px) {
    .oomdo-banners .accolade-container {
        position: absolute;
        right: 20px;
        top: 11px;
    }

    .oomdo-banners .vehicle-img-wrapper {
        width: 60vw;
        height: 334px;
        margin: auto;
        display: flex;
        align-items: flex-end;
    }
}

@media (min-width: 1100px) {
    .oomdo-banners .vehicle-img-wrapper {
        width: 63vw;
    }
}

@media (min-width: 1200px) {
    .oomdo-banners .vehicle-img-wrapper {
        width: 730px;
    }
}







