.page-article__sibling {
width: calc(100% - 80px);
margin-top: 56px;
margin-bottom: 100px;
}
.sibling-article {
}
.sibling-article__content {
display: flex;
flex-direction: column;
gap: 15px;
}
.sibling-article__item {
display: grid;
grid-template-columns: 30% 1fr;
grid-column-gap: 10px;
color: #252525;
}
.sibling-article__image-container {
display: flex;
width: 100%;
aspect-ratio: 1;
grid-column: 1;
}
.sibling-article__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sibling-article__hint {
grid-column: 2;
grid-row: 1;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
display: flex;
font-weight: 12px;
text-transform: uppercase;
font-size: 10px;
opacity: .5;
font-weight: 500;
transition: color 300ms ease;
will-change: color;
}
.sibling-article__hint:hover {
color: #51acfb;
}
.sibling-article__link {
grid-column: 2;
font-size: 16px;
grid-row: 2;
font-weight: 500;
transition: color 300ms ease;
will-change: color;
}
.sibling-article__link:hover {
color: #51acfb;
}
.sibling-article__content-container {
grid-column: 2;
display: flex;
flex-direction: column;
gap: 0;
justify-content: center;
}
.sibling-article__content-container_next {
grid-column: 1;
grid-row: 1;
}
.sibling-article__image-container_next {
grid-row: 1;
grid-column: 2;
}
.sibling-article__item_next {
grid-template-columns: 1fr 30%;
text-align: right;
}
.sibling-article__link_next {
grid-column: 1;
grid-row: 2;
}
.sibling-article__hint_next {
grid-column: 1;
grid-row: 1;
width: 100%;display: flex;justify-content: flex-end;}
.sibling-article__image_next {
grid-column: 2;
}