html,
body {
  margin: 0;
  padding: 0;
  background: #d4b8ac;
  width: 100%;
}

.container {
  text-align: center;
}
.container-conteudo {
  display: flex;
  justify-content: center;
  margin-top: 35px;
  gap: 120px;
  margin-bottom: 35px;
}
h1 {
  color: #ffffff;
  font-size: 4.5rem;
  font-family: "Poppins";
}
.image-1 img {
  border-radius: 40px;
  width: 480px;
}
.image-2 img {
  width: 550px;
}

@media (max-width: 1024px) {
  .container-conteudo {
    margin-top: 30px;
    gap: 60px;
    margin-bottom: 30px;
  }
  .image-1 img {
  width: 280px;
}
.image-2 img {
  width: 350px;
}
h1 {
   font-size: 1.5rem;
}
}
@media (max-width: 767px) {
  .container-conteudo {
    margin-top: 20px;
    gap: 30px;
    margin-bottom: 20px;
  }
  .image-1 img {
  width: 180px;
}
.image-2 img {
  width: 250px;
}
h1 {
   font-size: 1rem;
}
}