containers-with-no-width-alignwide.css

.entry-content > *.alignwide {
	max-width: 1024px;
}

containers-with-no-width.css

.entry-content > *:not( .alignwide ):not( .alignfull ) {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
	padding-left: 20px;
	padding-right: 20px;
}

floats.css

.alignleft img {
	float: left;
}
.alignright img {
 	float: right;
}

gutenberg-images.php

<?php
/**
 * Registers support for Gutenberg wide images in Writy.
 */
function writy_setup() {
  add_theme_support( 'align-wide' );
}
add_action( 'after_setup_theme', 'writy_setup' );

max-width-containers-alignfull.css

.entry-content .alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
}

max-width-containers-alignwide.css

.entry-content .alignwide {
    margin-left  : -100px;
    margin-right : -100px;
    max-width    : 1024px;
}