.bg-section3 {
  background-color: var(--color-white);
  color: var(--background);
  padding: 60px 0;
}

.section3-left img {
  border-radius: 16px;
  width: 100%;
  height: auto;
}

.comentario {
  position: absolute;
  top: 90%;
  left: -5%;
  background-color: var(--color-white);
  color: var(--background);
  padding: 20px;
  border-radius: 16px;
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.comentario-conteudo {
  font-size: 1rem;
  border-left: 4px solid var(--color-green2);
  padding-left: 20px;
}

.comentario-name {
  font-size: 1rem;
  font-weight: 700;
}

.icon-section3 {
  background-color: var(--background);
  width: 100px;
  padding: 20px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.color-green2 {
  background-color: var(--color-green2) !important;
}

@media (max-width: 1300px) {
  .comentario {
    top: 85%;
    left: 5%;
  }
}

@media (max-width: 768px) {
  .comentario {
    top: 80%;
    left: 10%;
  }
}

@media (max-width: 500px) {
  .comentario {
    top: 70%;
    left: 10%;
  }
}