fixed width in responsive devices of the spdier

blocks/welcome-banner.php

@@ -2,7 +2,26 @@
     <section class="bg-secondary background-dark py-80 HOME TOP-BANNER-SECTION">
         <div class="container">
             <div class="row align-items-center">
-                <div class="col-lg-5 col-md-5 col-12 mx-auto left-text">
+                <div class="col-lg-6 col-md-6 col-12 mx-auto order-md-2">
+                    <?php $enable_interactive_spider = get_field('enable_interactive_spider') ?: '';
+                    if (isset($enable_interactive_spider) && $enable_interactive_spider):
+                        if(wp_is_mobile()){
+                            $spiderInlineCss = 'style="width: 375px; height: 400px;"';
+                        }else{
+                            $spiderInlineCss = 'style="width: 500px; height: 400px;"';
+                        }
+                    ?>
+                        <canvas id="scratch" <?php echo $spiderInlineCss; ?>></canvas>
+                    <?php else:
+                        $image = get_field('banner_image');
+                        $size = 'full';
+                        if ($image) {
+                            echo wp_get_attachment_image($image, $size);
+                        }
+                    endif;
+                    ?>
+                </div>
+                <div class="col-lg-5 col-md-5 col-12 mx-auto left-text order-md-1">
                     <div class="position-relative left-text-wrapper">
                         <h1><?php echo get_field('wb_title') ?></h1>
                         <p><?php echo get_field('wb_subtitle') ?></p>
@@ -41,20 +60,6 @@
                         endif;
                     endif; ?>
                 </div>
-                <div class="col-lg-6 col-md-6 col-12 mx-auto">
-                    <?php $enable_interactive_spider = get_field('enable_interactive_spider')?:'';
-                    if (isset($enable_interactive_spider) && $enable_interactive_spider):
-                    ?>
-                        <canvas id="scratch" style="width: 500px; height: 400px;"></canvas>
-                    <?php else:
-                        $image = get_field('banner_image');
-                        $size = 'full';
-                        if ($image) {
-                            echo wp_get_attachment_image($image, $size);
-                        }
-                    endif;
-                    ?>
-                </div>
             </div>
         </div>
     </section>