Looking to change the sidebar IMAGE/CONTENT width - Divi

Hi there!
I am currently trying to change the sidebar content width on my wordpress site running a divi theme.

I have the following code in a CSS editor and it's working to adjust the actual sidebar, but the banners (W-336 H-280) we are trying to put in the widget/sidebar keeps showing up as the same size no matter how big I increase the sidebar to. Trying to avoid having to regenerate thumbnails because when I did it last time it changed the way the e-comm portion of the site looked.

/*Change Post, Project & Archive Page Sidebars*/
    .container::before { display:none; }
    .single-project div#left-area {width: 600px;}
    .single-project div#sidebar {width: 400px;}
    .single-post div#left-area {width: 600px;}
    .single-post div#sidebar {width: 400px;}
    .archive div#left-area {width: 600px;}
    .archive div#sidebar {width: 400px;}
    .search div#left-area {width: 600px;}
    .search div#sidebar {width: 400px;}

    /* LAPTOP - IPAD LANDSCAPE (981-1100) */
        @media only screen
        and ( min-width: 981px )
        and ( max-width: 1100px ) {
        .single-project div#left-area {width: 630px;}
        .single-project div#sidebar {width: 240px;}
        .single-post div#left-area {width: 630px;}
        .single-post div#sidebar {width: 240px;}
        .archive div#left-area {width: 630px;}
        .archive div#sidebar {width: 240px;}
        .search div#left-area {width: 630px;}
        .search div#sidebar {width: 240px;}}

    /* TABLETS - IPAD PORTRAIT (768-980) */
        @media only screen and (max-width : 980px) {
        .single-project div#left-area {width: 700px;}
        .single-project div#sidebar {width: 700px;}
        .single-post div#left-area {width: 700px;}
        .single-post div#sidebar {width: 700px;}
        .archive div#left-area {width: 700px;}
        .archive div#sidebar {width: 700px;}
        .search div#left-area {width: 700px;}
        .search div#sidebar {width: 700px;}}

    /* MINI TABLETS - IPHONE LANDSCAPE (480-767) */
        @media only screen and ( max-width: 767px ) {
        .single-project div#left-area {width: 400px;}
        .single-project div#sidebar {width: 270px;}
        .single-post div#left-area {width: 400px;}
        .single-post div#sidebar {width: 270px;}
        .archive div#left-area {width: 400px;}
        .archive div#sidebar {width: 270px;}
        .search div#left-area {width: 400px;}
        .search div#sidebar {width: 270px;}}

    /* CELL PHONES - IPHONE PORTRAIT */
        @media only screen and ( max-width: 479px ) {
        .single-post div#left-area {width: 280px;}
        .single-project div#left-area {width: 280px;}
        .single-project div#sidebar {width: 280px;}
        .single-post div#sidebar {width: 280px;}
        .archive div#left-area {width: 280px;}
        .archive div#sidebar {width: 280px;}
        .search div#left-area {width: 280px;}
        .search div#sidebar {width: 280px;}}

#container {
max-width: inherit;
}

I've granted support access if you'd like to take a look.

This is a page with an example of the current state of the sidebar.