body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.content_card1 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/ayan-img1.jpg);
    background-position: 100% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}

.content_card2 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/абильмансур\ сериков\ тикетон.jpeg);
    background-position: 100% 20%;
    background-size: cover;
    background-repeat: no-repeat;
}

.content_card3 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/erkebulan.jpg);
    background-position: 100% 5%;
    background-size: cover;
    background-repeat: no-repeat;
}

.content_card4 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/153bff94d340ffc2c7c2a21981721077_L.jpg);
    background-position: 100% 35%;
    background-size: cover;
    background-repeat: no-repeat;
}

.content_card5 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/zhasulan.jpg);
    background-position: 100% 20%;
    background-size: cover;
    background-repeat: no-repeat;
}

.content_card6 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/images.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.content_card7 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/aigerim.JPG);
    background-position: 100% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}
.content_card8 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/dake.JPG);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.content_card9 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/bahytzhan.JPG);
    background-position: 100% 30%;
    background-size: cover;
    background-repeat: no-repeat;
}
.content_card10 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/olzhas.jpg);
    background-position: 100% 25%;
    background-size: cover;
    background-repeat: no-repeat;
}
.content_card11 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/nurkanat.JPG);
    background-position: 100% 15%;
    background-size: cover;
    background-repeat: no-repeat;
}
.content_card12 {
    background: linear-gradient(90deg, rgba(0,0,0,0.8492647058823529) 0%, rgba(0,0,0,0.5159313725490196) 0%), url(../img/Adema.JPG);
    background-position: 100% 30%;
    background-size: cover;
    background-repeat: no-repeat;
}