Css Columns of different widths

Hi, I have a blog here

https://heavygel.com/

[ Moderator note: Code fixed, please wrap code in backticks or use the code button. ]

-moz-column-count: 2;
 -moz-column-gap: 20px;
 -moz-column-rule: none;
column 1-width: 70%;
 -webkit-column-count: 2;
 -webkit-column-gap: 10px;
 -webkit-column-rule: none;
column-count: 2;
column-gap: 10px;
column-rule: none;

I’ve been using the columns shortcode to seperate my text and images into two different columns within each post- but it’s time consuming and I’d really just like to build it into the css styling.

I was able to split this section into two columns using this code, but I can’t figure out how to make the columns different widths. I’d like my pictures to be wider than my text. Open to using a different code too…

#content
.post {
margin-bottom: 60px;
width: 1000px;

-moz-column-count: 2;
 -moz-column-gap: 20px;
 -moz-column-rule: none;
column 1-width: 70%;
 -webkit-column-count: 2;
 -webkit-column-gap: 10px;
 -webkit-column-rule: none;
column-count: 2;
column-gap: 10px;
column-rule: none;
}

}