.report-images {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;

  img {
    border-radius: 10px;
    object-fit: cover;
  }

  &-1 {
    width: 100%;
    grid-column: 1 / 5;
    height: 441px;
  }

  &-default-1,
  &-default-2,
  &-default-3,
  &-default-4,
  &-default-5 {
    height: 102px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border-radius: 10px;
    background-color: rgb(209, 217, 226);

    img {
      height: 36px;
      width: 36px;
    }
  }

  &-default-1 {
    grid-column: 1 / 5;
    height: 441px;
  }
}
