<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
img {
width: 600px; /* image initial width */
}
div {
border: 2px dotted #000000;
}
.container {
width: 500px; /* container initial width */
border: 2px solid gold;
}
</style>
</head>
<body>
<div class="container">
<img src="/uploads/media/default/0001/05/8dc771228e65a66d63299043ad824e26fb9b879f.jpg" alt="Circle portrait" />
</div>
</body>
</html>