{% if page.app_links.count %}
	<div class="mobile-app-links__groups">
		<div class="mobile-app-links__groups__container container">

			{% for group in page.app_links %}
				<article class="mobile-app-links" style="--image: url({{ group.image.make.path }});">
					<div class="mobile-app-links__container">

						<h1 class="mobile-app-links__title">{{ group.title }}</h1>

						{% if group.image_links.count %}
							<ul class="mobile-app-links__list">
								{% for link in group.image_links %}
									<li class="mobile-app-links__item">
										<a href="{{ link.url.normalize }}" class="mobile-app-links__link" target="_blank">
											<img src="{{ link.image.make.path }}" alt="{{ link.title }}" class="mobile-app-links__link__image">
										</a>
									</li>
								{% endfor %}
							</ul>
						{% endif %}

					</div>
				</article>
			{% endfor %}

		</div>
	</div>
{% endif %}
