<div class="page-features small-12 medium-4 large-3 columns">
	<ul class="small-block-grid-2 medium-block-grid-1">
		<?php 
		$rows = get_field('features', 'option');
		$rand_rows = array();
		$max_features = 3;

		if(count($rows) > $max_features){
			$rand_keys = array_rand($rows, $max_features);

			foreach($rand_keys as $key){
				array_push($rand_rows, $rows[$key]);
			}
		} else {
			$rand_rows = $rows;
		}

		foreach($rand_rows as $row):
		?>
		<li>
			<a href="<?php echo $row['link'] ?>">
				<div class="image-text-wrapper">
					<img src="<?php echo $row['feature_image']; ?>" />
					<div class="hover-content-wrapper">
						<h3 class="hover-title"><?php echo $row['hover_title'] ?></h3>
						<?php echo $row['hover_text'] ?>
					</div>
				</div>
				<span class="feature-title"><?php echo $row['title'] ?></span>
			</a>
		</li>
		<?php 
		endforeach; 
		?>
	</ul>
</div>