.collage-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

@media (min-width: 1280px) {
  .collage-container {
    max-width: 50%;
  }
}

.collage-row-top {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 100%;
}

.collage-row-bottom {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
  width: 100%;
}

.collage-image-container {
  height: auto;
  width: 100%;
}

.collage-image {
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
}

.collage-image-top {
  min-height: 13.5rem;
  min-width: 12rem;
}

@media (min-width: 768px) {
  .collage-image-top {
    min-height: 28.6rem;
    min-width: 25.6rem;
  }
}

@media (min-width: 1024px) {
  .collage-image-top {
    min-height: 28.6rem;
    min-width: 25.6rem;
  }
}

.collage-image-bottom {
  min-height: 13.5rem;
  min-width: 9rem;
}

@media (min-width: 768px) {
  .collage-image-bottom {
    min-height: 22.2rem;
    min-width: 19.2rem;
  }
}

@media (min-width: 1024px) {
  .collage-image-bottom {
    min-height: 22.2rem;
    min-width: 19.2rem;
  }
}

.collage-image-1 {
  background-image: url(../../src/assets/images/edited/services-cranes-mobile.png);
}

.collage-image-2 {
  background-image: url(../../src/assets/images/edited/services-bobcat-mobile.png);
}

.collage-image-3 {
  background-image: url(../../src/assets/images/edited/services-forklift-mobile.png);
}

.collage-image-4 {
  background-image: url(../../src/assets/images/edited/services-hooks-mobile.png);
}

.collage-image-5 {
  background-image: url(../../src/assets/images/edited/services-cage-mobile.png);
}

.collage-image-6 {
  background-image: url(../../src/assets/images/edited/services-risk-mobile.png);
}

.collage-image-7 {
  background-image: url(../../src/assets/images/edited/services-rigging-mobile.png);
}

@media (min-width: 768px) {
  .collage-image-1 {
    background-image: url(../../src/assets/images/edited/services-cranes-desktop.png);
  }

  .collage-image-2 {
    background-image: url(../../src/assets/images/edited/services-bobcat-desktop.png);
  }

  .collage-image-3 {
    background-image: url(../../src/assets/images/edited/services-forklift-desktop.png);
  }

  .collage-image-4 {
    background-image: url(../../src/assets/images/edited/services-hooks-desktop.png);
  }

  .collage-image-5 {
    background-image: url(../../src/assets/images/edited/services-cage-desktop.png);
  }

  .collage-image-6 {
    background-image: url(../../src/assets/images/edited/services-risk-desktop.png);
  }

  .collage-image-7 {
    background-image: url(../../src/assets/images/edited/services-rigging-desktop.png);
  }
}

@media (min-width: 1280px) {
  .collage-image-3 {
    border-radius: 0 3.6rem 0 0;
  }
}