.home .mainPart {
  height: 100%;
 margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
} 




.home .image_container {
margin-top: 30px;
height:100%;
	
}

.home .image_container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.text_panel {
  
  background-color: rgb(45, 45, 45);
  width: 40%;
  height: 100%;

  color: white;

  display: flex;
  text-align: center;
  align-items: center;
}

.text_panel article {
position: relative;
	
}

.text_panel h2 {
  margin-bottom: 20px;
}


@media (max-width: 600px) {
  .home {
    position: relative;
    display: flex;
  }

  .home .mainPart {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }



  .text_panel {
    position: absolute;
    width: 90%;
    padding: 10px;
    height: fit-content;
    border-radius: 10px;
    background-color: rgba(43, 122, 226, 0.511);
  }

    .text_panel h2 {
      font-size: 2rem;
  }

}