Let me tell you from the start I tried all the suggestions in the forum about frozen an image with questions but none of them worked for me.





I need a question format like this:

There is one descriptive section at the beginning of a block which includes two separate photos in one table side by side.



Here is the descriptive table code:



<table>

<tbody>

<tr>

<td>

<div style="text-align: center;"><strong>Photo 1</strong></div>

<img src="XXX IMAGE1 URL XXX" style="width: 1024px; height: 768px;"></td>

<td>

<div style="text-align: center;"><strong>Photo 2</strong></div>

<img src="XXX IMAGE2 URL XXX" style="width: 1024px; height: 768px;"></td>

</tr>

</tbody>

</table>



After this, questions come one after the other. What I want is when people go down and answer these questions, the table above is down with scrolling.

Or a method like this appropriate for me. When people answer a question, it will disappear completely from the page and the next question will come under the table above.





I wonder which JS code I should add to the questions to get the descriptive table down with the questions in the block?