someone can tell me how i can make this td of "sintomas" expandable with js or css? and I want when it is expanded it will overlap the others without affecting the heights and widths here the image of what I want to do

  <tr class="hola">
            <td>2</td>
            <td>lautaro</td>
            <td>barrera</td>
            <td>lautarobarrera574@gmail.com</td>
            <td>sa12312</td>
            <td>3541219667</td>
            <td> <img src="https://d29fhpw069ctt2.cloudfront.net/icon/image/39091/preview.png" alt="" style="height:9px;margin-right:10px">holaaaaaaaaaaaaaaaaaaaaadasdsadasdad </div></td>
            <td>Aceptado</td>
            <td>2022-06-27</td>
            <td>07:50:00</td>
            <td><a href="turno/2">Ver</a></td>
            <td><a href="editar/2">Editar</a></td>
            <td><a href="eliminar/2">Eliminar</a></td>

        </tr>