@media (max-width: 950px) {
#img{

position: absolute; margin-top: 550px; margin-left: 0vh;
}

#img2{

position: absolute; margin-top: 1550px; margin-left: 0vh;
}

#card1{

  margin-left: -5vh; margin-top: 150px; height: 400px; width: 400px; background-color: white; position: absolute;
}
#card2{
  margin-left: -5vh; margin-top: 1150px; height: 400px; width: 400px; background-color: white; position: absolute;
}


}

@media (min-width: 950px) {

#img{
  position: absolute; margin-top: 700px; margin-left: 35vh;
}
#img2{
position: absolute; margin-top: 1500px; margin-left: 35vh;
}
#card1{

  margin-left: 107vh; margin-top: 750px; height: 400px; width: 450px; background-color: white; position: absolute;
}
#card2{
  margin-left: 107vh; margin-top: 1550px; height: 400px; width: 450px; background-color: white; position: absolute;
}

}