.offer_columns_pies { background-image: url(../img/bg/ciastko4.jpg); background-repeat: no-repeat; background-size: 155%; background-position-x: -137px; } .opacity { position: relative; display: flex; justify-content: center; align-items: center; width: 320px; height: 320px; background-color: rgba(0, 0, 0, 0.4); } p { display: none; position: absolute; color: #763e35; z-index: 2; transition: all 2s; } .opacity:hover { background-color: white; } .opacity:hover + p { display: block; }