.container
    img.image(src='https://placehold.it/800x600/')
    .aside ASIDE: Lorem, ipsum dolor sit amet consectetur adipisicing elit. Saepe dolore velit tempora. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit.
    .text TEXT: Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Alias, officia ab sapiente veritatis, nobis fuga enim dolores asperiores nulla laborum explicabo beatae quas! Tenetur illum voluptate officiis voluptatem ex ratione.

@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    line-height: 1.5;
    font-family: 'Ubuntu', sans-serif;
}

.container {
    width: 95%;
    max-width: 60rem;
    margin: 1rem auto;
    
    &::after {
        content: '';
        display: table;
        clear: both;
    }
}

.image {
    height: 25.5rem;
    float: right;
    padding: 0 0 .75rem 1rem;
}

.aside {
    width: 30%;
    float: right;
    clear: right;
    text-align: justify;
}

.text {
    width: 70%;
    padding: 0 1rem 1rem 0;
    text-align: justify;
}

@media screen and (max-width: 55rem) {
    .image {
        height: 21rem;
    }
}

@media screen and (max-width: 45rem) {
    .image {
        height: 15rem;
    }
}

@media screen and (max-width: 35rem) {
    .container {
        display: flex;
        flex-direction: column;
    }
    
    .image {
        height: auto;
        width: 100%;
        padding: 0 0 1rem;
    }
    
    .aside {
        width: 100%;
        order: 2;
        padding: 0 0 1rem;
    }
    
    .text {
        width: 100%;
        padding: 0 0 1rem;
    }
}