So I tried it and it does work! I couldn't find an answer directly on the internet as it relates to PHP which is why I asked here but this is what I tried using what I remember from my javascript classes.
function skillz($section) {
if( have_rows($section) ):
// loop through the rows of data
while ( have_rows($section) ) : the_row();
// display a sub field value inside a card
?>
<?php
// VARIABLES //
$title = get_sub_field('title');
$logo = get_sub_field('logo');
$backImage = get_sub_field('background_image');
$overlay = get_sub_field('overlay_gradient');
$url = get_sub_field('url_link');
// THE SKILL BLOCK // ?>
<figure class="skill-block" style="<?php echo $overlay ?>">
<img class="back-image" src="<?php echo $backImage['url'] ?>"/>
<figcaption>
<div>
<img src="<?php echo $logo['url']?>">
<h4><?php echo $title ?></h4>
</div>
</figcaption>
<a href="<?php echo $url;?>">View more</a>
</figure>
<?php endwhile; //end of while statement
endif;
};
<h2>Skills:</h2>
<h3>Development:</h3>
<?php skillz(development); ?>
<h3>Design</h3>
<?php skillz(design); ?>
<h3>Tools</h3>
<?php skillz(tools); ?>