.kocka {
    display: flex;
    position: relative;
    width: 100vw;
    height: 30vh;
    /*border: 0.1vw solid red;*/
    white-space: nowrap;
}

#slika {
    display: table;
    position: relative;
    width: 20vw;
    height: 21.5vw;
    /*border: 0.1vw solid blue;*/
    background-repeat: no-repeat;
    background-size: auto;
    background: url(../img/ozadje2.jpg),
                url(../img/di.gif);
    background-color: steelblue;    
    background-size: 100% 100%;
    /* background-color: linear-gradient(red, yellow);*/
}

.ozadje-01{
    background-blend-mode: color;
}

.ozadje-02 {
    background-blend-mode: color-burn;  
}

.ozadje-03 {
    background-blend-mode: color-dodge;
}

.ozadje-04 {
    background-blend-mode: darken;
}

.ozadje-05 {
    background-blend-mode: difference;
}

.ozadje-06 {
    background-blend-mode: exclusion;
}

.ozadje-07 {
    background-blend-mode: hard-light;
}

.ozadje-08 {
    background-blend-mode: hue;
}

.ozadje-09 {
    background-blend-mode: soft-light;
}

.ozadje-10 {
    background-blend-mode: screen;
}

.ozadje-11 {
    background-blend-mode: lighten;
}

.ozadje-12 {
    background-blend-mode: luminosity;
}

.ozadje-13 {
    background-blend-mode: multiply;
}

.ozadje-14 {
    background-blend-mode: overlay;
}

.ozadje-15 {
    background-blend-mode: saturation;
}

.tekst {
    display: table-cell;
    vertical-align: middle;
    font-size: 3vh;
    text-shadow: 0.3vh 0.3vh 0.3vh #456fa0,
                 0.3vh 0.3vh 0.3vh white;
    text-align: center;
}