Image Alt Tag - Multiple identical Images

Image Alt Tag - Multiple identical Images

Not sure if SEO questions are relevant for StackOverflow. Feel free to correct me if not.

Not sure if SEO questions are relevant for StackOverflow. Feel free to correct me if not.

Have a "quiz" website that shows many duplicate images. For example - when users are going through a "goals" section of the quiz the image stays the same until the section changes.

 <p class= id='question1'> I'm very motivated.</p>

<img id='image1' src='https://i.imgur.com/DfxbRDL.jpg' alt= "Woman shooting bow">

<p class= id='question2'> I want to succeed.</p>

<img id='image2' src='https://i.imgur.com/DfxbRDL.jpg' alt= "Woman shooting bow">

The images are hidden and shown depending on the question.

My question is:

What is the best way to handle this from an SEO standpoint? Just make different alt tags for the same image?

Should I create a variable and somehow use it for the images>

Angular 9 Tutorial: Learn to Build a CRUD Angular App Quickly

What's new in Bootstrap 5 and when Bootstrap 5 release date?

Brave, Chrome, Firefox, Opera or Edge: Which is Better and Faster?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Animated Image Slider Design Using HTML CSS

In this video tutorials you will learn to make slider with image animation, using HTML CSS and Bootstrap. Here we will create 2 slides that will contain some title,text, button and multiple images. We will add different type of animation effect and animation delay in each images and other contents. We will make these complete design with HTML CSS and Bootstrap Step by Step.

Understanding of Meter Tag in HTML 5

This post explains the HTML 5 meter tag and how to create it

Edge displaying .jpg image as randomly colored square

I have a problem that has just recently occurred, it may be a browser bug in Edge as I am sure it was working previously, but I have some .jpg images that are not showing in Edge (but show fine in IE, Chrome, Firefox) instead all I see is a color (different color for different image - even though there is no background color or any other color attributed - so should be white if image not showing - these images are using styles of radius and shadow, but removing them makes no difference.