Representar la base de datos de formularios de imágenes

Me gustaría representar una imagen almacenada en una base de datos cada vez que presiono un botón. El nombre de la columna es "solution_path". En mi código puedo representar la imagen fuera del botón, pero me gustaría que aparezca cuando presiono el botón. Parte del código se muestra a continuación. Sé cómo representar imágenes tomadas de la base de datos, pero en este caso, no sé por qué no funciona. ¿Me puedes ayudar? Ya estoy conectado a la base de datos y a la tabla que necesito.

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "project";

$conn = new mysqli($servername, $username, $password, $dbname);
/*echo*/ $id=$_GET['id'];
$sql = "SELECT * FROM exercises where exercise_id='$id'";
$result = $conn->query($sql); /*Check connection*/
?>

<div id="centered_B" class="header">

<?php
while($id = $result->fetch_assoc())
    echo '<h1>' . $id["exercise_id"]. ". " . $id["title"] . '</h1>' . "<br>" . '<p>' . $id["text"] . '</p> <img width="603" height="auto" src="' . $id["image_path"] . '"><br><br>


    <input type="radio" name="choice" value= "1" /><img width="550" height="auto" src="' . $id["image_path_A"] . '"/>
    <input type="radio" name="choice" value= "2" /><img width="550" height="auto" src="' . $id["image_path_B"] . '"><br>
    <input type="radio" name="choice" value= "3" /><img width="550" height="auto" src="' . $id["image_path_C"] . '"><br>';


/*var_dump($id)*/
?>


 <button onclick="solutionFunction()" class="button_Solution" >Solution</button>



<div id="solution" style="display: none;">
    This is the solution.
    <img width="500" height="auto" src="<?php echo $id["solution_path"]; ?>" >

</div>



<script>
    function solutionFunction() {
        var x = document.getElementById("solution");
        if (x.style.display === "none") {
            x.style.display = "block";
        } else {
            x.style.display = "none";
        }
    }
</script>