<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<style>
.container {
padding: 20px;
}
#nature-image {
border: 5px solid violet; /* inner border */
outline: 3px dotted tomato; /* outer border */
outline-offset: 10px; /* gives some space between two borders */
}
</style>
<body>
<div class="container">
<img src="https://i.ibb.co/fMTGnRz/pexels-photo-572897.jpg" alt="snow-nature" height="300px" width="300px" id="nature-image" />
</div>
</body>
</html>