CSS to enable .alignwide and .alignfull Gutenberg Blocks when I use Elementor page builder to create single posts templates

wide-width-style.css

/* All I've done is a few edits to the brilliant walk-through on https://joshcollinsworth.com/adding-gutenberg-full-and-wide-width-image-support-to-your-wordpress-theme/ */

.alignfull {
    max-width: 100vw !important;
    margin: 2rem calc(50% - 50vw) !important;
}

.alignwide {
  max-width: 100vw !important;
  margin: 2rem calc(50% - 50vw) !important;
}

@media (min-width: 740px) {
  .alignwide {
    max-width: calc(100% + 20vw) !important;
    margin: 2rem -10vw !important;
  }
}