.latest-news .grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}
.latest-news .grid .news-card {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  grid-column: 1/-1;
}
.latest-news .grid .news-card .badges {
  position: absolute;
  top: 24px;
  left: 24px;
  display: flex;
  gap: 12px;
  z-index: 1;
}
.latest-news .grid .news-card .image-wrapper {
  background-color: #2B2B2B;
  height: 220px;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .latest-news .grid .news-card .image-wrapper {
    height: 344px;
  }
}
.latest-news .grid .news-card .image-wrapper .image {
  height: 220px;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
  display: block;
}
@media (min-width: 992px) {
  .latest-news .grid .news-card .image-wrapper .image {
    height: 344px;
  }
}
.latest-news .grid .news-card h3 {
  margin-top: 20px;
}
@media (min-width: 992px) {
  .latest-news .grid .news-card:nth-child(1) {
    grid-area: 1/1/2/6;
  }
}
.latest-news .grid .news-card:nth-child(2) {
  display: none;
}
@media (min-width: 992px) {
  .latest-news .grid .news-card:nth-child(2) {
    display: block;
    grid-area: 1/6/2/9;
  }
}
.latest-news .grid .news-card:nth-child(3) {
  display: none;
}
@media (min-width: 992px) {
  .latest-news .grid .news-card:nth-child(3) {
    display: block;
    grid-area: 1/9/2/13;
  }
}