#section-about h1
{
background: url(h1-bg1.png) repeat-y;
background-size: contain;
}

#history h2
{
background: url(history-title-bg.png) no-repeat left center;
background-size: contain;
}

#history > div
{
background: url(history-bg.png) no-repeat right top;
background-size: 89%;
}

#name h2
{
background: url(rigelatin-title-bg.png) no-repeat center 20%;
background-size: contain;
}

#name #name-left
{
background: url(eyethrower.gif) no-repeat bottom right;
background-size: 50% auto;
}

#wailing h2
{
background: url(wailing-title-bg.png) no-repeat left 20%;
background-size: contain;
}

#visuals 
{
background: url(visuals-bg.png) no-repeat 35% 0;
background-size: 73%;
}

#visuals h2
{
background: url(visuals-title-bg.png) no-repeat left 20%;
background-size: contain;
}

#visuals #visuals-bottom
{
background: url(visuals-bg-2.png) no-repeat top right;
background-size: 88%;
}

#who-rosy
{
background: url(who-bg-1.png) no-repeat left 85%;
background-size: contain;
}

#who h2
{
background: url(who-title-bg.png) no-repeat left 20%;
background-size: 80%;
}

#who-denise
{
background: url(who-bg-2.png) no-repeat 40%;
background-size: contain;
}

#section-projects
{
background: url(decored-2.png) no-repeat 5% 25%, url(decored-2.png) no-repeat 95% 80%;
background-size: 15%, 10% 20%;
}

#projects-bottom
{
background: url(spot-projects-bottom-bg.png) no-repeat bottom center;
background-size: contain;
}

.site-pic[href="/giuseppi"]
{ background-image: url(sites/giuseppi.png); }

.site-pic[href="/oblivion"]
{ background-image: url(sites/oblivion.png); }

.site-pic[href="/unforgotten"]
{background-image: url(sites/unforgotten.png); }

.site-pic[href="/copycat"]
{
	background-image: url(sites/copycat.png);
	background-image: image-set(
			  url("sites/copycat.avif") type("image/avif"),
			  url("sites/copycat.png") type("image/png")
			);
}

.site-pic[href="/staircase"]
{ background-image: url(sites/staircase.png); }

#section-interact h1
{
background: url(h1-bg1.png) repeat-y;
background-size: contain;
}

#section-yesyou
{
background: url(yesyou-bg-1.png) no-repeat 12vw 4rem;
background-size: 40vw 20%;
}

#section-yesyou h2
{
background: url(yesyou-title-bg.png) no-repeat 90%;
background-size: contain;
}

#interact-list li:last-of-type
{
background: transparent url(decored-clap.png) repeat-y;
background-size: contain;
}

#spot-visor-interact
{
background: url(spot-visor-interact.png) no-repeat top left;
background-size: contain;
}

#section-linksout h2
{
background: url(linksout-title-bg.png) no-repeat 90%;
background-size: contain;
}

@media all and (683px < width < 1100px)
{
	
	#who-rosy
	{
	background: url(who-bg-1.png) no-repeat right bottom;
	background-size: 130%;
	}
}

@media all and (max-width: 600px)
{
	#whatisthis
	{
	background: url(whatisthis-bg.png) no-repeat 0 top;
	background-size: 100% 100%;
	}
}