.zodiac-images {
    position: relative;
    width: 100dvw;
    max-width: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0px;
    margin-top: 8px;

    &.with-partner {
        justify-content: space-between;
        // &>img:first-child {
        //   margin-right: -30%;
        // }

        &>img:last-child {
            // margin-left: -10px;
            z-index: 2;
        }

        &>img {
            width: 50%;
        }
    }

    img {
        position: relative;
        width: 70%;
        object-fit: cover;
        z-index: 3;
    }

    &.with-partner-male-female {
        flex-direction: row-reverse;
    }

    &.with-partner-male-male {
        &>img:first-child {
            transform: scaleX(-1);
        }
    }

    &.with-partner-female-female {
        &>img:last-child {
            transform: scaleX(-1);
        }
    }

    // &::after {
    //   content: "";
    //   position: absolute;
    //   bottom: 0;
    //   left: 0;
    //   width: 100%;
    //   height: 60%;
    //   background: linear-gradient(to bottom,
    //       rgba(255, 255, 255, 0) 0%,
    //       rgba(255, 255, 255, .7) 10%,
    //       rgba(255, 255, 255, 1) 15%,
    //       rgba(255, 255, 255, 1) 30%,
    //       rgba(255, 255, 255, 1) 40%,
    //       rgba(255, 255, 255, 1) 100%);
    //   pointer-events: none;
    //   z-index: -1;
    // }
}