* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  width: 90%;
  margin: 0 auto;
  color: rgb(233, 19, 108);
  text-align: center;
  font-size: 35px;
  background-image: url(../assets/img/image_50733057.JPG);
  background-size: cover;
  background-repeat: repeat-y;
}
.upper, .lower, .container a{
  margin: 10vh 0;
}
.upper img {
  width: 14vw;
  height: 40vh;
  border: 2px solid black;
  background-color: #f3bbc9;
}
.lower img {
  width: 20vw;
  height: 28vh;
  border: 2px solid black;
  background-color: #f3bbc9;
}
#arrow1 {
  color: rgb(233, 19, 108);
}
@media only screen and (max-width: 1010px) {
  .upper img{
    width: 15vw;
    height: 38vh;
  }
  .lower img{
    width: 23vw;
    height: 25vh;
  }
 }
 @media only screen and (max-width: 870px) {
  .upper img{
    width: 18vw;
    height: 40vh;
  }
  .lower img{
    width: 27vw;
    height: 27vh;
  }
 }
 @media only screen and (max-width: 820px) {
  .upper img{
    width: 19vw;
    height: 40vh;
  }
  .lower img{
    width: 28vw;
    height: 28vh;
  }
 }
 @media only screen and (max-width: 770px) {
  .upper img{
    width: 19vw;
    height: 40vh;
  }
  .lower img{
    width: 29vw;
    height: 28vh;
  }
 }
 @media only screen and (max-width: 720px) {
  .upper img{
    width: 20vw;
    height: 40vh;
  }
  .lower img{
    width: 30vw;
    height: 29vh;
  }
 }
 @media only screen and (max-width: 680px) {
  .upper img{
    width: 21vw;
    height: 41vh;
  }
  .lower img{
    width: 30vw;
    height: 30vh;
  }
 }
 @media only screen and (max-width: 605px) {
  .upper img{
    width: 24vw;
    height: 42vh;
  }
  .lower img{
    width: 33vw;
    height: 33vh;
  }
 }
 @media only screen and (max-width: 540px) {
  .upper img{
    width: 23vw;
    height: 40vh;
  }
  .lower img{
    width: 33vw;
    height: 33vh;
  }
 }
 @media only screen and (max-width: 515px) {
  .upper img{
    width: 26vw;
    height: 42vh;
  }
  .lower img{
    width: 36vw;
    height: 34vh;
  }
 }
 @media only screen and (max-width: 485px) {
  .upper img{
    width: 70%;
    height: 70vh;
    display: block;
    margin: 10px auto;
  }
  .lower img{
    width: 100%;
    height: 40vh;
    display: block;
    margin: 10px auto;
  }
 }