.content-container {
  position: relative;
}

.name {
  font-family: "Kalnia", sans-serif;
  font-size: 120px;
  z-index: 10;
  position: absolute;
  top: 2.9%;
  left: 2.5%;
  text-shadow: 0 0 5px white;
  z-index: 10;
}

.presentation-container {
  display: flex;
  margin-top: 8%;
}

h1 {
  text-align: center; /* Center the h2 */
}

.image-container {
  flex: 10;
  height: 65vh;
  width: auto;
  padding: 3% 3% 3% 3%;
  margin: auto;
  margin-top: 1%;
}

.image-container img {
  max-width: 100%;
}

.text-container {
  margin-top: 4%;
  width: 50%;
  font-size: 20px;
  text-align: justify;
  padding-right: 5%;
  flex: 25;
}

.paragraph {
  margin-top: 3%;
}

@media (max-width: 1295px) {
  .name {
    font-size: 80px;
  }
}

@media (max-width: 1100px) {
  .image-container {
    margin-top: 2.75%;
  }
}

@media (max-width: 900px) {
  .text-container {
    margin-top: 12%;
    width: 90%;
    margin-bottom: 12%;
    padding-left: 1%;
  }
  .image-container {
    display: none;
  }
  .name {
    font-size: 55px;
  }
  .presentation-container {
    margin-bottom: 5%;
  }
}

@media (max-width: 600px) {
  .name {
    font-size: 33px;
  }
  .text-container {
    padding-left: 2%;
  }
}