#w33 { display:flex; gap:10px; }
#w33 figure { overflow:hidden; position:relative; height:148px; }
#w33 figure img { padding:6px; background:#eee; transition:.4s; }
#w33 figure figcaption { position:absolute; z-index:2; bottom:6px; left:6px; right:6px; padding:9px 3px; background:rgba(0,0,0,.5); color:#fff; text-align:center; font-size:14px; line-height:120%; transition:.4s; }
#w33 a { color:#fff; }
#w33 figure:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); opacity:.75; }
#w33 figure:hover figcaption { bottom:0; left:0; right:0; padding:12px 3px; }
#w33 figcaption a { display:block; }
.items item { display:none; background:rgb(240,248,255); padding:.7em; margin-bottom:1em;}
.wiecej, .wiecej:hover { padding:7px 10px; background:#207DFE; color:#fff; }
/* media queries */
@media (max-width:560px) {
#w33 { display:block; }
#w33 figure { display:block; width:100%; height:auto; }
#w33 figure:nth-child(2) { margin:auto; }
}