How to create a glow around a image using "hover"

I want it so when a user hovers over the image their will be a glow around it. I used ID and i’m not quite sure if it works with the hover attrivbute. Below is a mockup version of my code. Hope we can fix this together.


<h1>Sir John Alexander Macdonald was the first Prime Minister of Canada. The dominant figure of Canadian Confederation</h1>
<p>To learn more about Sir John Alexander Macdonald click on the pciture below</p>
<div id="ending">
<a href=""><img src=" "></a>

You need to create a box shadow


element {
	width: 300px;
	height: 100px;
	background-color: #FFFFFF;
	position: relative;
	box-shadow: 0px 0px 5px 10px #BF9C33;

I’ve made this real quick using MDN’s Box-shadow generator.