You can try to make it via layout xml:

> Theme_Root/Magento_Catalog/layout/catalog_product_view.xml:

    <?xml version="1.0"?>
    <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
          xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
        <body>
            <referenceContainer name="content">
                <container name="content.row" htmlTag="div" htmlClass="row" before="-">
                    <container name="content.row.product-info" htmlTag="div" htmlClass="product-info" />
                </container>
            </referenceContainer>
    
            <referenceContainer name="product.info.main" htmlClass="product-info-main col-xs-12 col-sm-8" />
            <referenceContainer name="product.info.media" htmlClass="product media col-xs-12 col-sm-4" />
            <move element="product.info.media" destination="content.row.product-info" before="-" />
            <move element="product.info.main" destination="content.row.product-info" />
        </body>
    </page>

Write me if you have any issues.