<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
img {
border: 2px solid #C0C0C0;
padding: 5px;
}
img:hover {
box-shadow: 5px 4px 10px #8B0000;
}
</style>
</head>
<body>
<a target="_blank" href="https://www.metoffice.gov.uk/binaries/content/gallery/metofficegovuk/hero-images/weather/autumn/autumn-leaves-against-a-blue-sky-photo-andrew-small.jpg">
<img src="https://www.metoffice.gov.uk/binaries/content/gallery/metofficegovuk/hero-images/weather/autumn/autumn-leaves-against-a-blue-sky-photo-andrew-small.jpg" alt="Autumn" width="200">
</a>
</body>
</html>