<script>
	import { base } from "$app/paths";
</script>

<header class="container py-3">
	<div class="grid align-items-center">
		<div>
			<img
				src={base + "/images/auspiciador1.png"}
				alt="Gobierno Regional"
			/>
		</div>
		<div>
			<img
				src={base + "/images/auspiciador2.jpg"}
				alt="Fondo de Innovación para la Competitividad"
			/>
		</div>
		<div>
			<img
				src={base + "/images/auspiciador3.png"}
				alt="Transformación Digital del Transporte"
			/>
		</div>
		<div class="text-end">
			<img src={base + "/images/auspiciador4.png"} alt="UTFSM" />
		</div>
	</div>
</header>


<style>
	img {
		max-width: 100%;
	}

	.grid {
		display: grid;
		grid-template-rows: repeat(var(--bs-rows, 1), 1fr);
		grid-template-columns: repeat(var(--bs-columns, 4), 1fr);
	}
</style>
