@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap');

*{
    box-sizing:border-box;
}

body{
    font-family:"Poppins", sans-serif;
    margin:0px;
    padding:0px;
    list-style:none;
    background-color: #000;
    color:white;
}

.wrap {
    min-width:960px;
    margin:auto;
    overflow:hidden;
}

.item {
    float:left;
    vertical-align: middle;
    position:relative;
}

.item .txt {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:10px;
    text-align:center;
    background-color: rgba(0,0,0,0.5);
    display:flex;
    opacity:0;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    transition:.4s;
    transform:scale(0);
    transition:.5s;
}

.item:hover .txt {
    opacity:1;
    transform:scale(1);
}

.item img {
    width:100%;
}

.item:first-child {
    width:50%;
}

.item:first-child ~ .item {
    width:25%;
}