<script>
import Image from 'svelte-image';
let name = 'world';
</script>
<section id="s1">
<Image src="https://images.unsplash.com/photo-1658417822224-e1052f3570b5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2750&q=80" alt="test" lazy={false}/>
</section>
<section id="s2">
section 2
</section>
<section id="s3">
section 3
</section>
<section id="s4">
<Image src="https://images.unsplash.com/photo-1658417822224-e1052f3570b5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2750&q=80" alt="test"/>
</section>
<style>
section {
width: 100vw;
height: 100vh;
}
#s1 {
background-color: #1520d1;
}
#s2 {
background-color: #f50a34;
}
#s4{
background-color: grey;
}
</style>