.hb3-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-items:center}
.hb3-item{text-decoration:none;color:#333;text-align:center;transition:.3s}
.hb3-balloon{width:150px;height:180px;position:relative;clip-path:ellipse(50% 60% at 50% 45%);display:flex;overflow:hidden}
.hb3-left,.hb3-right{flex:1;background:var(--c);opacity:.55}
.hb3-mid{flex:1;overflow:hidden}
.hb3-mid img{width:100%;height:100%;object-fit:cover}
.hb3-basket{width:40px;height:32px;background:#b88c5c;border-radius:5px;margin-top:-12px;position:relative;z-index:2;transition:.3s}
.hb3-item:hover .hb3-basket{background:var(--c)}
.hb3-item:hover .hb3-balloon{transform:translateY(-6px);filter:brightness(1.1)}