.clients-wrapper {
    padding: 1em;
    margin: 1em;
    overflow: auto;
    text-align: center;
}

.clients-wrapper .client-item {
    display: inline-block;
    background-size: cover;
    width: 300px;
    height: 200px;
    margin: 20px;
    text-decoration: none;
}

.clients-wrapper .client-item > .overlay {
    background: #513b90;
    color: #fff;
    width: 300px;
    height: 200px;
    opacity: 0;
    transition: opacity .3s ease-out;
    position: relative;
}

.clients-wrapper .client-item:hover > .overlay {
    opacity: 1;
}

.clients-wrapper .client-item > .overlay * {
    padding: 0;
    margin: 0;
    position: absolute;
}

.clients-wrapper .client-item > .overlay h1 {
    display: block;
    width: 100%;
    top: 60px;
    left: 0;
}

.clients-wrapper .client-item > .overlay span {
    display: block;
    width: 100%;
    top: 110px;
    left: 0;
    letter-spacing: 1px;
}