.ya-card--wrap {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}
.ya-card--wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;

}


.ya-card--text {
    margin: 16px;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #222;
    overflow: hidden;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    text-overflow: ellipsis;
    max-height: 44px;
}

.ya-card--image-wrap{
    position: absolute;
    width: 80%;
    left: 38%;
    top: 72px;
}
.ya-card--image-wrap2{
    position: absolute;
    width: 80%;
    left: 38%;
    top: 72px;
}

.ya-card--image-wrap3{
    position: relative;
    width: 100%;
    overflow: hidden;
    vertical-align: top;
    display: inline-block;
    font: 0/0 none;
}
.ya-card--picture {
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
}
.ya-card--image {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: none;
    display: inline;
}

.focuc1:after {
    content: "";
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.04);
    position: absolute;
    top: 0;
    left: 0;

}