.photoCollage {
    
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
    
    isolation: isolate;
  }
  
  .photoCollage__item {
    
    --x-modifier      : 1;
    --y-modifier      : 1;
    --width-modifier  : 1;
    
    width: calc(var(--width) * var(--width-modifier));
    border: 0.25rem solid #ffffff;
    
    background-color: #d7e3f1;
    box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.18);
    
    transform:
      translate(calc(var(--x) * var(--x-modifier)), calc(var(--y) * var(--y-modifier)))
      rotate(var(--rotation));
  }
  
    .photoCollage__item:nth-child(1) {
      
      --x: 0.3rem;
      --y: -0.1rem;
      --rotation: -6deg;
      --width: 3.6rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(2) {
      
      --x: 0.5rem;
      --y: -0.5rem;
      --rotation: 6deg;
      --width: 3.2rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(3) {
      
      --x: 0.4rem;
      --y: 0.4rem;
      --rotation: 2deg;
      --width: 3.2rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(4) {
      
      --x: 0.4rem;
      --y: -0.4rem;
      --rotation: 2deg;
      --width: 3.4rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(5) {
      
      --x: 0.4rem;
      --y: 0rem;
      --rotation: -3deg;
      --width: 3.6rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(6) {
      
      --x: -0.4rem;
      --y: -0.1rem;
      --rotation: -2deg;
      --width: 3.3rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(7) {
      
      --x: 0.5rem;
      --y: -0.5rem;
      --rotation: -7deg;
      --width: 3.8rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(8) {
      
      --x: -0.3rem;
      --y: 0.3rem;
      --rotation: -1deg;
      --width: 3.8rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(9) {
      
      --x: -0.5rem;
      --y: 0.5rem;
      --rotation: -3deg;
      --width: 3.7rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(10) {
      
      --x: -0.1rem;
      --y: -0.1rem;
      --rotation: 5deg;
      --width: 3.2rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(11) {
      
      --x: 0.5rem;
      --y: 0.3rem;
      --rotation: -7deg;
      --width: 3.2rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(12) {
      
      --x: 0.5rem;
      --y: -0.3rem;
      --rotation: 2deg;
      --width: 3.2rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(13) {
      
      --x: -0.1rem;
      --y: -0.1rem;
      --rotation: -2deg;
      --width: 3.7rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(14) {
      
      --x: 0.2rem;
      --y: -0.2rem;
      --rotation: -3deg;
      --width: 3.3rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(15) {
      
      --x: 0.2rem;
      --y: -0.2rem;
      --rotation: -2deg;
      --width: 3.4rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(16) {
      
      --x: 0.3rem;
      --y: -0.5rem;
      --rotation: 2deg;
      --width: 3.5rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(17) {
      
      --x: 0.3rem;
      --y: -0.3rem;
      --rotation: -1deg;
      --width: 3.3rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(18) {
      
      --x: 0.4rem;
      --y: -0.5rem;
      --rotation: 5deg;
      --width: 3.7rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(19) {
      
      --x: -0.1rem;
      --y: 0.1rem;
      --rotation: -1deg;
      --width: 3.3rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(20) {
      
      --x: -0.4rem;
      --y: -0.5rem;
      --rotation: -1deg;
      --width: 3.6rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(21) {
      
      --x: -0.5rem;
      --y: -0.3rem;
      --rotation: -2deg;
      --width: 3.6rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(22) {
      
      --x: -0.3rem;
      --y: 0rem;
      --rotation: 1deg;
      --width: 3.7rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(23) {
      
      --x: 0.1rem;
      --y: 0rem;
      --rotation: 6deg;
      --width: 3.2rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(24) {
      
      --x: 0rem;
      --y: -0.1rem;
      --rotation: 5deg;
      --width: 3.1rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(25) {
      
      --x: 0.4rem;
      --y: 0rem;
      --rotation: -1deg;
      --width: 3.9rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(26) {
      
      --x: -0.2rem;
      --y: 0.2rem;
      --rotation: -2deg;
      --width: 3.8rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(27) {
      
      --x: 0.2rem;
      --y: 0.5rem;
      --rotation: 3deg;
      --width: 3.5rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(28) {
      
      --x: 0rem;
      --y: 0.1rem;
      --rotation: -1deg;
      --width: 3.1rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(29) {
      
      --x: 0.4rem;
      --y: 0.5rem;
      --rotation: -4deg;
      --width: 3.9rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(30) {
      
      --x: -0.5rem;
      --y: 0.1rem;
      --rotation: 2deg;
      --width: 3.5rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(31) {
      
      --x: 0.5rem;
      --y: -0.2rem;
      --rotation: -7deg;
      --width: 4rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(32) {
      
      --x: -0.5rem;
      --y: 0.1rem;
      --rotation: 2deg;
      --width: 3.4rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(33) {
      
      --x: 0.3rem;
      --y: -0.3rem;
      --rotation: -6deg;
      --width: 3.8rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(34) {
      
      --x: 0.5rem;
      --y: 0rem;
      --rotation: 0deg;
      --width: 3.7rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(35) {
      
      --x: 0.3rem;
      --y: 0.5rem;
      --rotation: 3deg;
      --width: 4rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(36) {
      
      --x: 0.2rem;
      --y: -0.4rem;
      --rotation: -2deg;
      --width: 3.8rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(37) {
      
      --x: -0.3rem;
      --y: -0.5rem;
      --rotation: -3deg;
      --width: 3.8rem;
      z-index: 1;
    }
  
    .photoCollage__item:nth-child(38) {
      
      --x: 0.3rem;
      --y: 0.3rem;
      --rotation: 0deg;
      --width: 3.5rem;
      z-index: 2;
    }
  
    .photoCollage__item:nth-child(39) {
      
      --x: 0rem;
      --y: 0rem;
      --rotation: 7deg;
      --width: 3.2rem;
      z-index: 3;
    }
  
    .photoCollage__item:nth-child(40) {
      
      --x: -0.2rem;
      --y: -0.2rem;
      --rotation: 1deg;
      --width: 3.2rem;
      z-index: 1;
    }
    
  @media screen and (min-width: 500px) {
    
    .photoCollage {
      
      gap: 0.4rem;
    }
    
    .photoCollage__item {
      
      --x-modifier      : 1.25;
      --y-modifier      : 1.25;
      --width-modifier  : 1.25;
    }
  }
    
  @media screen and (min-width: 700px) {
    
    .photoCollage {
      
      gap: 0.6rem;
    }
    
    .photoCollage__item {
      
      --x-modifier      : 1.5;
      --y-modifier      : 1.5;
      --width-modifier  : 1.5;
    }
  }