/* Target the block (use your custom class or default class) */
.wp-block-group.la-sirena-bio {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 30vh; /* Adjusted for desktop */
  background: linear-gradient(to right, #4a0072, #8e2de2);
  color: #fff;
  padding: 20px;
  text-align: center;
}

.wp-block-group.la-sirena-bio .wp-block-group.bio-section {
  flex: 1;
  margin: 0 10px;
}

.wp-block-group.la-sirena-bio .bio-section img {
  width: 100px;
  height: auto;
}

.wp-block-group.la-sirena-bio .bio-section p {
  font-size: 1rem;
  margin: 5px 0;
}

/* Mobile styles (screens up to 600px) */
@media only screen and (max-width: 600px) {
  .wp-block-group.la-sirena-bio {
    flex-direction: column;
    min-height: 50vh; /* Adjusted for mobile */
    padding: 10px;
  }

  .wp-block-group.la-sirena-bio .bio-section {
    margin: 15px 0;
    width: 100%;
  }

  .wp-block-group.la-sirena-bio .bio-section img {
    width: 80px; /* Smaller icons */
  }

  .wp-block-group.la-sirena-bio .bio-section p {
    font-size: 0.9rem; /* Smaller text */
  }
}