.header-img {
    background-image: url('ozbrazek.jpg');
    background-size: cover;

}


.main-product {

    width: 33.3%;


}



.main-product2 {
 

    width: 100%;
    background-attachment: fixed;


}

.main-product3 {
 

    width: 100%;
    background-attachment: fixed;


}

.main-product5 {
 

    width: 100%;
    


}

.secondpraca {
    background-image: url('obrazek2.jpg');
    background-color: rgba(0, 0, 0, .33);
    background-attachment: fixed;
}

.secondwolne {
    background-image: url('wolne.jpg');
    background-color: rgba(0, 0, 0, .33);
    background-attachment: fixed;
   
}

.secondburak {
    background-image: url('burak.jpg');
    background-color: rgba(0, 0, 0, .33);
    background-attachment: fixed;
    
}









.tile {
    position: relative;
    display: block;
    flex: 1 1 calc(33.333% - 12px); /* 3 w wierszu */
    width: auto; /* nadpisuje width:33.3% gdy jest */
    min-height: 200px;
    border-radius: 14px;
    overflow: hidden;
    transition: 
        flex-basis 1s ease,
        transform 5s ease,
        box-shadow 5s ease;
    box-shadow: 0 6px 18px rgba(0,0,0,.08);
}