@import url("https://fonts.googleapis.com/css?family=Montserrat:400&display=swap");

.wrapper {
   position: relative;
   overflow: hidden;
   min-height: 100%;
}
.page {
   font-family: "Montserrat";
   font-weight: 400;
   background: radial-gradient(50% 50% at 50% 50%, #1B1B1B 0%, #131313 100%);
   min-height: 100vh;
   align-content: end;
}
.page__container {
   max-width: 103.5rem;
   margin: 0 auto;
   padding: 3.375rem 0.9375rem;
   display: flex;
   position: relative;
   z-index: 2;
   align-items: flex-end;
   justify-content: space-between;
   gap: 1.25rem;
}
.page__link {
   flex: 0 1 40%;
   color: #FFF;
   font-size: 2.1875rem;
}
.page__link:hover{
   text-decoration: underline;
   transition: text-decoration 0.3s ease;
}
.page__title{
  flex: 0 1 60%;
  aspect-ratio: 985 / 367;
  position: relative;
}
.page__title img{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.page__image {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.page__image img{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

@media(max-width: 925px){
   .page__link{
      font-size: 1.5rem;
   }
}
@media(max-width: 767.98px){
   .page{
      align-content: center;
   }
    .page__container{
      flex-direction: column-reverse;
      justify-content: space-between;
    }
    .page__title{
      min-height: 6.25rem;
      width: 100%;
    }
    .page__link{
      align-content: end;
    }
}
@media(max-width: 677px){
   .page__link{
      flex: 0 1 60%;
      font-size: 1rem;
   }
   .page__title{
      flex: 0 1 40%;
    }
}