Witam juz odchodze od zmysłów

mam taki kodzik

[HTML] pobierz, plaintext 
<style>
#cell1::before
{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.6;
}
#cell1
{
    position: relative;
    width: 100%;
    height: 220px;
    cursor: pointer;
    background-color: #000000;
    background-image: url('./work/<?php echo "$folders[0]/$folders[0].jpg"; ?>');
    background-image: filter(grayscale 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
 
    background-size: 100%;
    -webkit-transition: background-size 300ms ease;
    -moz-transition: background-size 300ms ease;
    -ms-transition: background-size 300ms ease;
    -o-transition: background-size 300ms ease;
    transition: background-size 300ms ease;
}
#cell1:hover
{
    background-size: 111%;
}
#cell1-content
{
    position: relative;
    height: 75px;
    width: auto;
    margin: 0 auto;
    background-color: transparent;
    background-image: url('./work/<?php echo "$folders[0]/logo.png"; ?>');
    background-image: filter(grayscale 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
</style>
[HTML] pobierz, plaintext 

i teraz:

1. chce zebycell1-content byl na samym srodeczku i wyswietlal obraz w samym srodeczku
2. jak zrobic lepiej zeby obraz zarowno byl w skali szarosci, ale i przyciemniony? (bo jak dam tam kolo background filter - znika caly obrazek)

1. Pokaż kod html.
2. Jakby miał nie znikać skoro nadpisujesz background-image. Od tego jest filter grayscale + filter brightness.

zobacz na http://www.shpaque.eu/ jesli mozesz tak bedzie jalatwiej

chodzi o te boxy z VW




wysrodkowanie w pionie dziala tylko na sztywno (top: 72px;) jak zrobic zeby po prostu centrowal?

wiem ze filtry, ale gdzie je dac i jak je dac zeby to hulalo?