Custom wrapper not working with Fluid Engine

Before Fluid Engine, I had a simple website that used custom CSS to create a white wrapper atop a gray background. However, when I came back to my website and updated the Home page to Fluid Engine, the text margins within the white wrapper got funky and I can't insert an image in the wrapper at all. 

To see, here's my Home Page that got updated to Fluid Engine, and here's my About page which hasn't yet updated to Fluid Engine (this has the desired behavior with text margins; I want everything to look like this). 

Here's a GIF of what happens when I try to add an image to the wrapper on my Home page with Fluid Engine. 

Here is the CSS that is being used for both my Home page and my About page.

/* set homepage wrapper details */ 
section[data-section-id="63aef4b07e2b647db6afd610"] .content-wrapper .content {
  background: #f9fafb;
  border-style: solid; 
  border-width: 1px; 
  border-color: gray;
  padding: 20px 40px 60px 40px;
  max-width: 800px;
}


/* set About wrapper details */ 
section[data-section-id="61a91d5a71d3ac0135447767"] .content-wrapper .content {
  background: #f9fafb;
  border-style: solid; 
  border-width: 1px; 
  border-color: gray;
  padding: 20px 40px;
  max-width: 800px;
}

Since I can't revert my Home page to do away with Fluid Engine, is there any way I can preserve the white-on-gray wrapper in the new Fluid Engine environment that allows me to add images, and has the desired text margins? Any help would be significantly appreciated. 

Ah, I didn't think to duplicate the About page and repurpose it into a new Home page. That worked perfectly! Thank you, my king.