.carr_s-recognition_inner {
    display:flex;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.25);
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 1rem;
}

.carr_s-recognition {
    flex-basis: 100%;
    position: relative;
    /* aspect-ratio: 1; */
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    padding: 1rem;
    /* filter: drop-shadow(1px 2px 8px #ccc); */
}

body:is(
    .carr_s-tiny
) .carr_s-recognition {
    flex-basis: 100%;
}

body:is(
    .carr_s-x-small
) .carr_s-recognition {
    flex-basis: 50%;
}
body:is(
    .carr_s-small
) .carr_s-recognition {
    flex-basis: 33.333%;
}
body:is(
    .carr_s-medium
) .carr_s-recognition {
    flex-basis: 25%;
}

body:is(
    .carr_s-large,
    .carr_s-x-large
) .carr_s-recognition {
    flex-basis: 20%;
}


.carr_s-recognition .slide-image {
    position: relative;
    /* top:0; */
    /* left:0; */
    width: 100%;
    height: 100%;
    display: block;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    display: flex;
    aspect-ratio: 1;
    filter: drop-shadow(2px 2px 8px rgba(0,0,0,0.125));
}
.carr_s-recognition .slide-image img {
    width: 110%;
    /* height: auto; */
    /* margin: -10px; */
}





.rec_inner {
    position: absolute;
    top:-5px;
    left:-5px;
    right:-5px;
    bottom:-5px;
}





.slide-image .content {
    --offset: calc(5px + 1rem);
    position: absolute;
    top: var(--offset);
    left: var(--offset);
    right: var(--offset);
    bottom: var(--offset);
    display: flex;
    justify-content: center;
    align-items:center;
    display: none;
}