.section-5 {
  position: relative;
  overflow: hidden;
  background-image: url("../../../assets/img/background-5.png");
  background-size: cover;
  background-position: center;
}

.section5-container {
  display: flex;
  align-items: center; /* centra verticalmente los elementos */
  gap: 20px; /* espacio entre imagen y texto */
}

.section5-text h1 {
  margin: 0 0 10px 0; /* quita márgenes extra del h1 */
}

.section5-text button {
  padding: 10px 20px;
  font-size: 16px;
}

.button-section5 {
  color: #fff;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

@media (max-width: 767px) {
  .section5-container {
    flex-direction: column;
    text-align: center;
    margin: 0px;
  }
}