.dynamic-height {
    height: auto; /* Ajusta la altura automáticamente según el contenido */
    min-height: 100px; /* Define una altura mínima */
    max-height: 500px; /* Define una altura máxima si es necesario */
    display: flex; /* Flexbox para el contenido */
    align-items: center; /* Centra verticalmente el contenido */
    justify-content: center; /* Centra horizontalmente el contenido */
    text-align: center; /* Ajusta la alineación del texto */
    padding: 20px;
    font-size: 18px; /* Tamaño del texto adaptable */
}