@media (min-width: 1400px) AND (max-width: 1920px){

#section {
position: relative;
left: 800px;
width: 400px;
}
  
.item-image {
position: fixed;
top: 0;
left: 50%;
width: 700px;
height:100%;
margin-left:-600px;
text-align: right;
}

.item-image img {
position: relative;
top: 80px;
left: right;
height: 85%;
width: auto;
text-align: right;
}
  
}

@media (min-width: 1200px) AND (max-width: 1399px){

#section {
position: relative;
left: 650px;
width: 350px;
}
  
.item-image {
position: fixed;
top: 0;
left: 50%;
width: 700px;
height:100%;
margin-left:-600px;
text-align: right;
}

.item-image img {
position: relative;
top: 80px;
left: right;
height: 85%;
width: auto;
text-align: right;
}
  
}

@media (min-width: 900px) AND (max-width: 1199px){

 
#section {
position: relative;
left: 500px;
width: 300px;
}
  
.item-image {
position: fixed;
top: 0;
left: 50%;
width: 500px;
height:100%;
margin-left:-450px;
text-align: right;
}

.item-image img {
position: relative;
top: 120px;
right: 0;
height: auto;
width: 100%;
max-width: 100%;
text-align: right;
}

}
  
@media (min-width: 1921px) AND (max-width: 2560px){

#section {
position: relative;
left: 800px;
width: 400px;
}
  
.item-image {
position: fixed;
top: 0;
left: 50%;
width: 1000px;
height:100%;
margin-left:-900px;
text-align: right;
}

.item-image img {
position: relative;
top: 80px;
left: right;
width: 100%;
max-width: 100%;
height: auto;
text-align: right;
}
  
}


@media (min-width: 2561px){

#section {
position: relative;
left: 800px;
width: 400px;
}
  
.item-image {
position: fixed;
top: 0;
left: 50%;
width: 1200px;
height:100%;
margin-left:-1100px;
text-align: right;
}

.item-image img {
position: relative;
top: 80px;
left: right;
width: 100%;
max-width: 100%;
height: auto;
text-align: right;
}
  
}