<div class="container">
<div class="layout-1">I'm here</div>
<div class="layout-2">Now you can see me!</div>
</div>
.container {
width: 150px;
height: 150px;
background: #b4b4b4;
position: relative;
}
.layout-2 {
display: none;
}
.container:hover .layout-2 {
position: absolute;
left: 0;
top: 0;
display: block;
}
.item {
display: flex;
flex-direction: column;
}
.item .description {
flex: 1;
}