.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 {
  overflow: hidden;
  flex: 10;
  padding: 1% 1% 1% 1%;
  margin: auto;
}

.image-container img {
  width: 100%;
  height: auto;
  transform: scale(0.85);
}

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

.paragraph {
  margin-top: 3%;
}

@media (max-width: 1295px) {
  .name {
    font-size: 80px;
  }
  .image-container {
    display: none;
  }
  .text-container {
    padding-right: 3%;
  }
}

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

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