[Duda] Media Queries

Posibles causas:

1. Orden en el HTML:El flex-direction: column-reverse; invierte el orden de los elementos dentro del contenedor .presentacion, pero si los botones están en un div separado dentro de otro contenedor, su posición relativa dentro de ese contenedor no cambiará.

2. Uso de otros estilos CSS:Si los botones, el texto y el título están envueltos en otro div, la regla flex-direction: column-reverse; solo afectará a los hijos directos de .presentacion, pero no a los elementos dentro de esos hijos.

3. Uso de order en los elementos hijos:Es posible que algunos elementos tengan una propiedad order definida en CSS, lo que podría interferir con el comportamiento esperado de column-reverse.

Solución:

Asegúrate de que el HTML tenga una estructura adecuada. Por ejemplo:

<div class="presentacion">
    <img src="imagen.jpg" alt="Imagen">
    <h2>Título</h2>
    <p>Texto</p>
    <button>Botón</button>
</div>

Si la estructura de los elementos no permite el reordenamiento correcto, puedes asignar manualmente el orden con CSS:

@media (max-width: 1200px) {
    .presentacion {
        display: flex;
        flex-direction: column-reverse;
    }

    .presentacion img {
        order: 1;
    }
    .presentacion h2 {
        order: 2;
    }
    .presentacion p {
        order: 3;
    }
    .presentacion button {
        order: 4;
    }
}

Con esto, el orden de los elementos será exactamente como lo necesitas.