<div class="service_box">
	<a class="service_box-link" href="{{href|safe}}" title="{{img_alt}}">
		<div class="service_box-img_wrap">
			{% if img_dark %}
			<picture>
				<source srcset="{{img_dark|safe}}" media="(prefers-color-scheme: dark)"/>
				<source srcset="{{img|safe}}" media="(prefers-color-scheme: light)"/>
				<img class="service_box-img" decoding="async" src="{{img|safe}}" alt="{{title}}" title="{{title}}" loading="lazy"/>
			</picture>
			{% else %}
			<img class="service_box-img" src="{{img|safe}}" alt="{{img_alt}}" loading="lazy"/>
			{% endif %}
		</div>
		<span class="service_box-title">{{title|safe}}</span>
	</a>
</div>
