I need to add additional wrapper inside page.wrapper so that other containers will be inside by custom wrapper.

app/design/frontend/Vendor/Theme/Magento_Theme/page_layout/1column.xml

<?xml version="1.0"?> <layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">     <update handle="empty"/>     <referenceContainer name="page.wrapper">          <container name="my-custom-wrapper" htmlClass="my-custom-wrapper" htmlTag="div">          <container name="header.container" as="header_container" label="Page Header Container" htmlTag="header" htmlClass="page-header" before="main.content"/>         <container name="page.top" as="page_top" label="After Page Header" after="header.container"/>         <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" />          </container>      </referenceContainer> </layout> 

Expected HTML

<div class="page-wrapper">   <div class="my-custom-wrapper">      ... all other containers ....   </div> </div> 

How do I do it ?