Hagamos lo que se hizo en el aula

body {
    font-family: Arial, sans-serif;
    margin: 20px;
    padding: 20px;
}

.presentacion__imagen {
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto; /* Centrar la imagen */
}

.presentacion__contenido {
    width: 50%;
    margin: 0 auto; /* Centrar el contenido */
    padding: 10px;
    text-align: center;
}

.presentacion__enlaces {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.presentacion__enlaces__link {
    width: 50%;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    text-decoration: none;
    color: white;
    background-color: #007BFF;
    margin: 5px;
    border-radius: 5px;
}

/* Ajustes para pantallas medianas */
@media (max-width: 1024px) {
    body {
        margin: 15px;
        padding: 15px;
    }
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 720px) {
    body {
        margin: 10px;
        padding: 10px;
        display: flex;
        flex-direction: column; /* Reorganizar elementos verticalmente */
    }

    .presentacion__contenido {
        width: 80%; /* Ajustar el ancho relativo para pantallas más pequeñas */
    }

    .presentacion__enlaces__link {
        width: 100%; /* Ajustar el ancho relativo para pantallas más pequeñas */
    }
}