Replace Image sizes for mobile instead of squishing them using ACF repeater field

ACF-responsive-slider

 <?php if( have_rows('home_slider_images', options) ): ?>

	<div id="maximage">

	<?php while( have_rows('home_slider_images', options) ): the_row(); 

		// vars
		$image = get_sub_field('slide_image');
		$imageTablet = get_sub_field('tablet_image');
        //Check and see if were NOT at a mobile screen size
        if(!wp_is_mobile()) :
        ?>
        	//Serve the normal size	
                <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt'] ?>" />
        <?php else: ?>
        	//Serve the smaller image
            	<img src="<?php echo $imageTablet['url']; ?>" alt="<?php echo $image['alt'] ?>" />
        <?php endif; ?>
	<?php endwhile; ?>

	</div>
<?php endif; ?>