Example: https://www.ninirichi.webstory.co.za/wp/index.php/who-we-are/

How can I fix this?

https://www.ads-software.com/plugins/frizzly/

I am using this code in a widget for the image to change when I hover over it

<p> <img style=”width: 225px; height: 81px; border: 0px solid #cc3300;” src=”https://www.simonmitas.com/wp-content/uploads/2014/07/quote.jpg” alt=”Move your mouse over me” /> </p>

this works perfectly but when I create another hover image using the same code the hover option stops working…

can anyone help?

Thanks
Simon

In the Tempera Theme Custom CSS:
.greenbutton {
font-family:”Trebuchet MS”, Helvetica, sans-serif;
background: #82B607;
font-size: 20px;
display: block;
width: 250px;
text-decoration: none;
padding: 10px;
}
.greenbutton a {
color: white;
}
.greenbutton:hover a {
color: #e619d5;
}

In the page html:
<div class="greenbutton"><center><a href="https://www.......com" target="_blank">my text</a></center></div>

In the Tempera Theme Custom CSS:
.greenbutton {
font-family:”Trebuchet MS”, Helvetica, sans-serif;
background: #82B607;
font-size: 20px;
display: block;
width: 250px;
text-decoration: none;
padding: 10px;
}
.greenbutton a {
color: white;
}
.greenbutton:hover a {
color: #e619d5;
}

In the page html:
<div class="greenbutton"><center><a href="https://www.......com" target="_blank">my text</a></center></div>