<script>
	let img = '/images/literallyme.jpg'
	let clicked = false
	function cursify() {
		if (!clicked) {
			img = '/images/whydidyoudothis.png'
			clicked = true
		} else {
			img = '/images/literallyme.jpg'
			clicked = false
		}
	}
</script>
<div class="hidden md:block col-start-7">
	<img
		class="w-auto "
		src="https://dutchellie.nl/DutchEllie/proper-website-2/raw/branch/main/web/static/images/rin-len1.webp"
		alt="Rin and Len"
	/>
	<br />
	<br />
	<img class="rounded"
	src="{img}" alt="literally me wink wink" on:click={cursify}/>
	<p class="text-center mt-2">
	{#if !clicked}
		yes, i love japanese stuff, how can you tell?
	{:else}
		oh god, what have you done?! TAKE IT AWAY!
	{/if}
	</p>
</div>
