Try it Editor: Top Left

Edit This Code :

<!DOCTYPE html>
<html>
<head>
<style>
.container {
    position: relative;
}

.topleft {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 18px;
}

img { 
    width: 100%;
    height: auto;
    opacity: 0.3;
}
</style>
</head>
<body>

<h2>Image Text</h2>
<p>Add some text to an image in the top left corner:</p>

<div class="container">
  <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGucIT4Xug_cVVX0FwRdBPGLj28vsUwJoaKhqbFTgn_gZXyHvbsrabcnNJQfMQjFsBcscytrNtjJAeCnaXvr7noJRrrC0PsIm2v1TjFgWZXnh8KbrdfJrE8aLcTZfwbggWyZ-PMh52C9CL/s320/paris.jpg" alt="Norway" width="500" height="500">
  <div class="topleft">Top Left</div>
</div>

</body>
</html>
Result :