.image-card-text {    margin-bottom: 0.5rem;}.image-card-text figure {    display: flex;    align-items: center;    justify-content: center;    position: relative;    padding: 10px;}.image-card-text a {    position: relative;}.image-card-text figcaption {    position: absolute;    padding-left: 16px;    font-family: Helvetica, Arial, sans-serif;    font-size: 18px;    font-weight: 400;    letter-spacing: 0.32em;    text-transform: uppercase;    color: #fff;    width: 0;    left: 4rem;    padding: 1rem 1rem 1rem;    display: flex;    align-items: center;    font-style: normal;    z-index: 3;    opacity: 1;    pointer-events: none;    transition: transform .2s;}    .image-card-text figcaption::before {        width: 2px;        height: 100%;        left: 0;        background: rgb(255 255 255);        content: "";        display: flex;        align-items: center;        position: absolute;    }.image-card-text figure a:after {    display: flex;    position: absolute;    content: "";    top: 0;    left: 0;    z-index: 2;    background: #000;    opacity: .4;    width: 100%;    height: 100%;    transition: opacity 0.2s;}.image-card-text:hover a:after  { opacity: 0.1;}.image-card-text:hover figcaption { transform: translateX(-1rem);} .line {    border-top: 1px solid red; }