.portafolio-editorial .wrapper-image{
	position: relative;
    height: 0;
    width: 100%;
    padding-top: 100%; 
}

.portafolio-editorial .wrapper-image img{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.portafolio-editorial .wrapper-image .hover-fill{
    position: absolute;
    display: grid;
    align-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    padding: 5em;
    background: rgba(0,0,0,0);
    opacity: 0;
}

.portafolio-editorial .wrapper-image:hover .hover-fill{
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    transition: 0.5s ease;
	background: rgba(0,0,0,0.5);
	opacity: 1;
}

.portafolio-editorial .hover-fill h3{
    color: white !important;
    font-size: 1rem;
    text-align: center;
}