.text-image {
  padding-top: 6.5625rem;
  padding-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 8.75rem;
}
.text-image .text-image__top{
	padding-right: 3rem;
}
.text-image .text-image__top .text-image__text{
  width: 31.125rem;
}

.text-image .text-image__top .text-image__image{
  width: 62.75rem;
	height: 30.125rem;
	margin-top: 2.875rem;
}

.text-image .text-image__middle {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-image .text-image__middle .text-image__text,
.text-image .text-image__bottom .text-image__text{
  width: 41.3125rem;
}

.text-image .text-image__bottom{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 8.25rem;
	padding-right: 3rem;
}

.text-image .text-image__bottom .text-image__image{
    width: 27.125rem;
    height: 24.75rem;
}

.text-image .text-image__bottom .text-image__image video{
    width: 100%;
    height: 100%;
    
    object-fit: cover;
}


@media screen and (max-width: 767px) {

  .text-image .text-image__text {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-image__text {
    width: 100%;
    align-items: stretch;
  }

  .text-image {
    align-items: center;
    gap: 2rem;
    display: flex;
  }

  .text-image .text-block{
    align-items: flex-start;
  }

  .text-image .text-image__image {
    width: 28.125rem;
    height: 15.125rem;
  }
  .text-image__title,
  .text-image__text,
  .text-image__image{
    width: 100% !important;
    text-align: start;
  }

  .text-image__image {
/*     order: 1; */
    height: 60vh;
  }

  .text-image__image .image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }

 .text-image .text-image__text, 
 .text-image h2 {
/*     order: 2; */
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-image .text-image__text {
    color: var(--white-1000);
    width: 100%;
  }
	
	.text-image .text-image__top,
	.text-image .text-image__middle,
	.text-image .text-image__bottom{
		padding-right: 0px;
		width: 100%;
	}
	
	.text-image .text-image__bottom{
		flex-direction: column;
		align-items: start;
		justify-content: start;
		gap: 2rem;
	}
	
	.text-image .text-image__top .text-image__image{
		height: 20rem;
	}
}


