.creature {
	position: absolute;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.bubbles {
	width:  30em;
	height: 30em;
	background-image: url(../img/bubbles.png);
}

.corals {
	width:  13em;
	height: 13em;
	background-image: url(../img/corals.png);
}

.bathy {
	width:  25em;
	height: 25em;
	background-image: url(../header.hyperesources/Bathy_2x.png);
}

.octopus-green {
	width:  36.2em;
	height: 33.1em;
	background-image: url(../header.hyperesources/H5-OctopusGreen_2x.png);
}

.octopus-pink {
	width:  23.4em;
	height: 31.4em;
	background-image: url(../header.hyperesources/H5-OctopusPink_2x.png);
}

.octopus-orange {
	width:  22.8em;
	height: 25.5em;
	background-image: url(../header.hyperesources/H5-OctopusOrange_2x.png);
}

.octopus-baby {
	width:  8.9em;
	height: 9.9em;
	background-image: url(../header.hyperesources/H5-O2_2x.png);
}

.fish {
	width:  17.5em;
	height: 11.4em;
	background-image: url(../header.hyperesources/H7-Fish_2x.png);
}

.whale {
	width:  153.0em;
	height:  57.5em;
	background-image: url(../header.hyperesources/H2-Whale_2x.png);
}

.jellyfish {
	width:  7.0em;
	height: 8.5em;
	background-image: url(../header.hyperesources/H1-Jelly2_2x.png);
}

.remora {
	width:  15.0em;
	height:  5.5em;
	background-image: url(../header.hyperesources/H2-Remora_2x.png);
}