.z1 {
  display: none;
}

.bph:hover + .z1 {
    display: block;
    color: white;
    position: fixed;
    background-image: url(../img/2000ryb.png);
    width: 176px;
    height: 211px;
    z-index: 20;
}

.test {
    display: flex;
    flex-wrap: wrap;
    margin: 2px 2px;
}

.test .bp {
    margin: 1px 1px;
}

/* Inne warianty ostatniego plecaka */

.z2 {
  display: none;
}


.bph:hover + .z2 {
    display: block;
    color: white;
    position: fixed;
    background-image: url(../img/1_plecak1300ryb.png);
    width: 176px;
    height: 211px;
    z-index: 20;
}