<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>Documenttitle>
<style>
.image-container {
position: relative; width: 300px; height: 200px;
}
.background-image {
width: 100%; height: auto;
}
.overlay-image {
position: absolute; top: 191px; left: 620px; width: 100px; height: auto; opacity: 0.8;
}
style>
head>
<body>
<imgsrc="https://cdn.pixabay.com/photo/2023/12/04/17/53/yoga-8429980_1280.png"alt="meditation"class="background-image">
<imgsrc="https://cdn.pixabay.com/photo/2016/03/25/05/55/purple-1278283_1280.png"alt="purple"class="overlay-image">
body>
html>```