.hover-title{
position:absolute;
background-color:rgba(0,0,0,.3);
backdrop-filter:blur(3px);
-webkit-backdrop-filter:blur(3px);
border-radius:var(--br1);
box-sizing:border-box;
bottom:4px;
color:#fff;
font-size:14px;
font-weight:444;
left:50%;
line-height:24px;
max-width:calc(100% - 8px);
opacity:1;
overflow:hidden;
padding:0 10px;
pointer-events:none;
text-align:center;
text-overflow:ellipsis;
transform:translateX(-50%);
white-space:nowrap;
z-index:10;
}