.square-view{position:relative;height:250px;display:flex}.square-view>.background-img{overflow:hidden;object-fit:cover;width:100%;transition:transform .6s ease}.square-view>.background-img:hover{transform:scale(1.2)}.square-view>.front-view{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#ffffff8d}.square-view>.front-text{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}