console
<html>
<body>
<img class="img_1" src="https://static.nationalgeographic.co.uk/files/styles/image_3200/public/007-your-shot-cherry-blossoms_0.jpg?w=1190&h=795" alt="Wide Flower">
<img class="img_2" src="https://images.unsplash.com/photo-1618248182372-f13a707f0374?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTV8fGNoZXJyeSUyMGJsb3Nzb20lMjB0cmVlfGVufDB8fDB8fA%3D%3D&w=1000&q=80" alt="flower close up">
</body>
.img_1{
width: 400px;
}
.img_2{
width: 500px;
height: 300px;
background-size: contain;
border-style:dashed;
border-width:3px;
}