Is this what you are looking for?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body {
max-width: 75em;
margin: auto;
padding: 0 1em;
}
main img {
width: 100%;
}
@media only screen and (min-width: 38em) {
aside {
width: 25%;
float: left;
}
main {
width: 75%;
float: left;
}
main img {
max-width: 60%;
float: right;
margin-left: 1em;
}
}
</style>
</head>
<body>
<aside>
<h3>MySidebar</h3>
</aside>
<main>
<h2>Main Content</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem unde, numquam error sit nulla placeat fugit alias ullam officiis voluptas mollitia beatae minus aspernatur est molestias porro quidem enim tenetur.</p>
<p>Animi, incidunt aut mollitia eos deserunt velit nemo. Inventore animi omnis eum quas! Culpa dolore sit officia debitis. Sapiente iure quia quas laboriosam maxime ea eaque odit, incidunt esse impedit.</p>
<img src="http://lorempixel.com/output/city-q-c-640-480-10.jpg" alt="My City">
<p>Voluptatum vero numquam sunt, dicta. Tempora recusandae nam, autem natus cupiditate illum omnis obcaecati magnam inventore consequatur odio perferendis. Ducimus voluptatum suscipit, aperiam esse explicabo nam praesentium dignissimos est assumenda.</p>
<p>Quos blanditiis, dolores aliquid sequi esse excepturi provident explicabo veniam culpa labore aperiam voluptatum facere quia iste, illum, tempora dolorum quasi. Doloremque similique eos, enim veniam numquam atque in nisi.</p>
<p>Ipsum officiis odit a cum error in quidem, officia dolorum iure dignissimos. Voluptas neque, magni repudiandae quasi, consequuntur ducimus id. Facere aspernatur perferendis quibusdam, illum. Molestias quaerat, mollitia quisquam excepturi!</p>
</main>
</body>
</html>
AdChoices