<a href="https://bklenovs.github.io/boris/maklen/codeklen"><h3 align="left">CodeKlen</h3></a>
<h2 style="text-align:center; color:#808000")>Kdo se skriva???</h2>
<style>
body {
background: radial-gradient(white, lightblue);
}
tw-story {
background: lightblue;
}
.container {
position: relative;
width: 30%;
}
.image {
display: block;
width: 100%;
height: auto;
}
.overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: auto;
opacity: 0;
transition: .5s ease;
background-image: url("https://i.postimg.cc/jjnjM0B6/Suzana.jpg");
background-size: cover;
background-position: center;
}
.container:hover .overlay {
opacity: 1;
}
.text {
color: white;
font-size: 15px;
position: absolute;
top: 10%;
left: 30%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
</style>
<div class="container">
<img src="https://i.postimg.cc/pT8pLbZV/Boris.jpg" class="image">
<div class="overlay">
<div class="text">Moja Suki</div>
</div>
</div>