html 
{ 
	background: url('earth-background.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body
{
	background-color: #00000000;
}

@media (orientation: landscape) 
{
    .content img
    {
        margin: 0;
        position: absolute;
        top: 20%;
        width: 30%;
        transform: translate(0, -50%);
    }	
}

@media (orientation: portrait) 
{
    .content img
    {
        margin: 0;
        position: absolute;
        top: 10%;
        width: 60%;
        transform: translate(0, -50%);
    }	
}