#SocialMediaImageGallery {
    height: 140vmax;
    width: 140vmax;  
    position: absolute;
    top: -70px;
    left: -45px;
  }
  
  .SocialMediaImageTile {
    border-radius: 1vmax;
    position: absolute;
    transition: transform 800ms ease;
    transform: scale(0.5) translateZ(200px);
  }
  

  
  .SocialMediaImageTile:hover > img {
    opacity: 1;
    filter: blur(0px);
  }
  
  .SocialMediaImageTile > img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: inherit;
    opacity: 0.6;
    filter: blur(15px);
    transition: opacity 900ms ease,
    filter 200ms ease-in-out,
      transform 5800ms ease;
  }
  
  .SocialMediaImageTile:nth-child(1) {
    background-color: rgb(255, 238, 88);
    height: 14%;
    width: 20%;
    left: -2%;
    top: 5%;
  }
  
  .SocialMediaImageTile:nth-child(2) {
    background-color: rgb(66, 165, 245);
    height: 24%;
    width: 14%;
    left: 10%;
    top: 4%;
  }
  
  .SocialMediaImageTile:nth-child(3) {
    background-color: rgb(239, 83, 80);
    height: 18%;
    width: 16%;
    left: 1%;
    top: 12%;
  }
  
  .SocialMediaImageTile:nth-child(4) {
    background-color: rgb(102, 187, 106);
    height: 14%;
    width: 12%;
    left: 18%;
    top: 14.2%;
  }
  
  .SocialMediaImageTile:nth-child(5) {
    background-color: rgb(171, 71, 188);
    height: 16%;
    width: 32%;
    left: 13%;
    top: 5%;
  }
  
  .SocialMediaImageTile:nth-child(6) {
    background-color: rgb(255, 167, 38);
    height: 24%;
    width: 24%;
    left: 68%;
    top: 8%;
  }
  
  .SocialMediaImageTile:nth-child(7) {
    background-color: rgb(63, 81, 181);
    height: 16%;
    width: 20%;
    left: 23%;
    top: 13.8%;
  }
  
  .SocialMediaImageTile:nth-child(8) {
    background-color: rgb(141, 110, 99);
    height: 24%;
    width: 18%;
    left: -9.54%;
    top: 10.58%;
  }
  
  .SocialMediaImageTile:nth-child(9) {
    background-color: rgb(250, 250, 250);
    height: 10%;
    width: 8%;
    left: 84%;
    top: 84%;
  }
  