Hiding .h5p-image-hotspots when .h5p-questionnaire-button.next is clicked in .h5p-column

Hello I would like to hide the .h5p-image-hotspots when user clicks .h5p-questionnaire-button.next inside .h5p-column.

I was thinking if i could do any event handling with javascript.Is there any way to edit javascript in the h5p-contents/h5p-plugin ? If yes, please guide me.I am new to h5p and javascript.However, I can implement it if anyone tells me the correct procedure!

I WANT TO HIDE/REMOVE THE IMAGE[IMAGE-HOTSPOTS here] when the submit-screen and success screen appears.Is there any other ways to do it without manipulating the javascript.Please let me know.

Note: .h5p-image-hotspots and .h5p-questionnaire are inside COLUMN.

Thanks!

slackUP