.sobremi-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
}

.top-row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  min-height: 100px; 
}

.sobremi {
  width: 95%;
  margin-top: -55px;
  height: 540px;
  background: url("Papel.gif") center / 100% 100% no-repeat;
  display: block; /* 👈 clave */
  margin-left: 15px;
}


.sobremi > * {
  position: relative;
  z-index: 2;
}

.sobremi-texto {
  width: 80%;
  font-family: 'DreasartsFont';
  font-weight: bold;
  font-size: 12.5px;
  line-height: 22px;
  margin-top: 38px;
  margin-left: 30px;
  text-align: left;
}

.andrea,
.holadrea {
  display: block;
  height: auto;
}

.andrea {
  z-index: 1;
  width: 35vw;
  max-width: none;
  border-radius: 5%;
  border: 2px solid black;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.22);
}

.holadrea {
  width: 45vw;
  max-width: none;
}