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?