Height Sizing

[MrVauxs]

Hi, I am trying to use the svelte Image component to for a banner logo. The banner has limited height of 9vh and everytime I attempt to use the component, it just overflows instead of scaling to match the height. This is also built in Tailwind, bear in mind.

	<div class='mx-auto'>
		<img src='img/Loot_Taverns_Vault.png' alt="Loot Tavern's Vault" class='mx-auto h-[8vh] pb-1' />
		<Image src='img/Loot_Taverns_Vault.png' alt="Loot Tavern's Vault" immediate={true} class='mx-auto h-[8vh] pb-1' />
	</div>

Is there a way to make the component scale properly? No matter what I do it feels like the underlying CSS just refuses to scale.