Wide Width Images + Blocks

Hi,

When selecting the Wide Width option in the Gutenberg editor, I would like to have it as 1200px wide (including featured images). Can you please assist with this adjustment?

I tried the following and it works, but it messes up in mobile view.

.entry-content .alignwide, body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: -220px;
    width: calc(100% + 440px);
    max-width: calc(100% + 440px);
}