img.card-block__image {
    height: 250px;
    object-fit: cover;
    object-position: top;
}
.card-grid--pr{
    display: grid;
    gap: 20px;
}

@media screen and (min-width: 570px) {

}

@media screen and (min-width: 768px) {
    .card-grid--pr {
        grid-template-columns: repeat(2, auto);
        padding-block: 50px;
    }
}

@media screen and (min-width: 992px) {
    .card-grid--pr {
        grid-template-rows: repeat(4, auto);
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        
    }

}

@media screen and (min-width: 1024px) {
    #intro .left-caption-right-image .right-image{
        object-position: center;
        max-height: 640px;
    }
}

@media screen and (min-width: 1200px) {
    .left-caption .group-container{
        background-color: rgb(0 0 0 / 50%);
        padding: 20px;
    }
}

@media screen and (min-width: 1400px) {

}

@media screen and (min-width: 1920px) {

}

@media screen and (max-width: 1023px) {
    .card-grid--pr{
        padding-inline: 20px;
    }
}
.card-grid--pr .card-block{
        border-bottom: 1px solid #b4b4b4;
        padding-bottom: 20px;
    }

.card-grid--pr .card-block:nth-last-of-type(-n+3){
    border-bottom: unset;
}
@media screen and (max-width: 991px) {
    
    img.card-block__image {
        max-height: 250px;
        object-fit: none;
        /* object-position: top; */
    }
}