* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 .page-result {
     min-height: 100dvh;
     background: url(../img/background-adidas-2.png) no-repeat center center / cover;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 50px 20px 0 20px;
     justify-content: flex-start;
 }

 .logo {
     display: flex;
     justify-content: center;
     width: 100%;
     height: 100%;
 }

 .logo img {
     width: 170px;
 }

 .page-result-body {
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     padding-top: 30px;
 }

 /* image */
 .page-result-image-1 {
     width: 100%;
 }

 .page-result-image-1 img {
     max-width: 180px;
     object-fit: cover;
 }

 .page-result-image-2 {
     width: 100%;
 }

 .page-result-image-2 img {
     width: 100%;
     max-width: 380px;
     object-fit: cover;
 }

 .page-result-image-3 {
     width: 100%;
     padding-top: 6px;
 }

 .page-result-image-3 img {
     max-width: 340px;
     object-fit: cover;
 }

 .page-result-image-4 {
     width: 100%;
 }

 .page-result-image-4 img {
     max-width: 250px;
     height: 250px;
     object-fit: cover;
 }

 .page-result-image-5 {
     width: 100%;
 }

 .page-result-image-5 img {
     max-width: 215px;
     object-fit: cover;
 }

 .page-result-image-6 {
     width: 100%;
     padding-top: 10px;
 }

 .page-result-image-6 img {
     max-width: 280px;
     object-fit: cover;
 }

 @media (max-width: 320px) {
     .logo img {
         width: 110px;
     }

     .page-result-image-1 img {
         max-width: 140px !important;
     }

     .page-result-image-2 img {
         max-width: 240px !important;
     }

     .page-result-image-3 img {
         max-width: 230px !important;
     }

     .page-result-image-5 img {
         max-width: 150px !important;
     }

     .page-result-image-6 img {
         max-width: 200px !important;
     }
 }

 @media only screen and (min-width: 321px) and (max-width: 375px) {
     .logo img {
         width: 130px;
     }

     .page-result-image-1 img {
         max-width: 140px !important;
     }

     .page-result-image-2 img {
         max-width: 280px !important;
     }

     .page-result-image-3 img {
         max-width: 250px !important;
     }

     .page-result-image-5 img {
         max-width: 170px !important;
     }

     .page-result-image-6 img {
         max-width: 260px !important;
     }
 }

 @media only screen and (min-width: 376px) and (max-width: 430px) {
     .logo img {
         width: 150px;
     }

     .page-result-image-1 img {
         max-width: 160px;
     }

     .page-result-image-2 img {
         max-width: 350px;
     }

     .page-result-image-3 img {
         max-width: 320px;
     }

     .page-result-image-5 img {
         max-width: 200px;
     }

     .page-result-image-6 img {
         max-width: 280px;
     }
 }

 @media only screen and (min-width: 431px) {}

 @media only screen and (min-width: 768px) {
     .page-result {
         max-width: 450px;
         margin: 0 auto;
     }
 }