.grid-item .image-item {
  position: relative;
  width: 100%; /* Adjust this as needed */
  padding-top: 56.25%; /* 9/16 * 100% */
  overflow: hidden;
}

.grid-item .image-item .cover-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* This will ensure the image covers the area without stretching */
}

/* Custom square aspect ratio for project images */
.dsn-style-cards .dsn-posts.box-image-normal .box-image-bg {
  height: auto !important;
  aspect-ratio: 1 / 1;
  width: 100%;
}

.dsn-style-cards .dsn-posts.box-image-normal .box-image-link {
  aspect-ratio: 1 / 1;
  display: block;
}

.dsn-style-cards .dsn-posts.box-image-normal .cover-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}