I am building a new site and need help with some coding

what I would like to do is make this image shown in the file I have sentin jpg in to a lightbox image so when clicked I get a large version (no text needed on large pop up image.)
This is the code I am using at presnt which I can use as a template for future parts of the page.
I just can't figure out how to change the image code to get what I need. I hope I am making sense

<div class="col-lg-12">
<div class="row team team-list rounded-5 g-0 align-items-center shadow-sm border h-shadow h-translatey-sm all-ts rounded-4 overflow-hidden">
<div class="col-md-4 team-image ">

						    </div>
						    <div class="col-md-8 col-sm-7 p-4">
								<div class="team-desc text-start">
									<div class="team-title pt-0 mb-3"><h4>Druridge Bay </h4><span class="fst-normal">South section</span></div>
									<p class="mb-3">Druridge Bay beach stretches some 7 miles in length and officially runs from Amble through
									 to Cresswell. Locals tend to refer to the beach in four sections. 
                                   Amble beach running from just South of Amble opposite Amble links holiday park to High Hauxley. High Hauxley
                                   beach, which runs from High Hauxley
                                   to the rocks just South of Hauxley nature reserve and Druridge Bay, which is probably the longest stretch 
                                   and runs down to Creswell. And Creswell beach which is reached by driving through Widdrington village.
									<br>Druridge Bay is probably the most popular in the area and kite 
									surfers and paddle boarders can often be seen there as well 
									as horse riders who use it for exercising their horses. 
									Parking is not really a problem even at busy times as 
									there are 2 designated car parks and plenty of parking
									 in Druridge Bay Country Park itself. There is also 
									 some parking along the verges.</p>
									 <br>	<!-- Large modal -->
						<button class="btn btn-primary me-2" data-bs-toggle="modal" data-bs-target=".bs-example-modal-lg">See map</button>

Thanks for your quick reply.
The problem is the website I am working on is not ready to go live so isn't online yet.
The code you showed above works fine but it doesn't give controls for people to close the window.
I have attached the part of the web page I am having problems with I just need to know what code I should put in and where to make the image lightbox effect. Although I have some knowledge of web design it is limited. O by the way just love Canvas.
Regards
Len Smith

It's Ok I have worked it out myself, Thanks
Len Smith

Thanks I did manage to sort it myself thanks