.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);} .image-card-text2 {    margin-bottom: 0.5rem;}.image-card-text2 figure {    display: flex;    align-items: center;    justify-content: flex-start;    position: relative;    margin: 0; /* ändrad från padding */    overflow: hidden;}.image-card-text2 a {    position: relative;    display: block;}/* BILD */.image-card-text2 img {    display: block;    width: 100%;}/* OVERLAY (FIXAD) */.image-card-text2 figure::after {    content: "";    position: absolute;    top: 0;    left: 0;    z-index: 2;    width: 100%;    height: 100%;    background: linear-gradient(        to right,        rgba(0,0,0,0.85) 0%,        rgba(0,0,0,0.6) 40%,        rgba(0,0,0,0.2) 75%    );    pointer-events: none;    transition: opacity 0.2s;}/* PIL (NY) */.image-card-text2 figure::before {    content: "?";    position: absolute;    right: 2rem;    top: 50%;    transform: translateY(-50%);    font-size: 16px;    color: #fff;    opacity: 0.6;    z-index: 3;    pointer-events: none;}.image-card-text2:hover figure::after {    opacity: 0.9;}/* TEXT */.image-card-text2 figcaption {    position: absolute;    left: 4rem;    top: 45%;    transform: translateY(-50%);    padding: 1.2rem 1.5rem;    max-width: 420px;    font-family: Helvetica, Arial, sans-serif;    font-size: 22px;    line-height: 1.35;    font-weight: 500;    letter-spacing: 0.06em;    text-transform: uppercase;    font-style: normal;    color: #fff;    display: flex;    align-items: center;    z-index: 3;    pointer-events: none;    transition: transform .2s ease;}/* vänster linje */.image-card-text2 figcaption::before {    content: "";    position: absolute;    left: 0;    top: 15%;    height: 70%;    width: 2px;    background: rgba(255,255,255,0.6);}/* hover */.image-card-text2:hover figcaption {    transform: translateY(-50%) translateX(-0.5rem);}/* MOBIL */@media (max-width: 768px) {    .image-card-text2 figcaption {        left: 1.5rem;        max-width: 80%;        font-size: 16px;        line-height: 1.3;        letter-spacing: 0.06em;        padding: 0.8rem 1rem;    }    .image-card-text2 figcaption::before {        width: 1.5px;    }} .line {    border-top: 1px solid red; } .line2 {  border-top: 1px solid #dcdcdc;}