While implementing this code on my wp-admin the content is okay but in the customers views the slider is not okay and the image is strechd/ distorted – WordPress

<?php if( have_rows('technology_slides') ):?>
    <div class="mobile-slider-presentation">
        <?php $slide_count = 1;
        while( have_rows('technology_slides') ): the_row(); 
            $slide_background = get_sub_field('slide_background');
            $slide_content = get_sub_field('slide_content');?>
            <div class="slide-background" id="slideNumber-<?php echo $slide_count;?>" style="background: url(<?php echo $slide_background['url'];?>);">
                
                <div class="container-fluid content-container">
                    <div class="row">
                        <div class="col-xl-4 offset-xl-8">
                            <div class="slide-copy">
                                <?php echo $slide_content;?>
                            </div>
                        </div>
                    </div>
                    <img src="<?php bloginfo('template_url'); ?>/img/scrubber-pov.png" class="inside-slide-robot" alt="Robot Perspective" />
                </div>
            </div>
            <?php $slide_count = $slide_count + 1;?>
        <?php endwhile; reset_rows();?>
    </div>
<?php endif; ?>