.collage {

  .heading{
    padding-top:40px;
    text-align: center;
    text-transform: uppercase;
    color:var(--blue);
    margin-bottom:30px;
    font-size:40px;
    @media(min-width:768px){
      margin-bottom:60px;
      font-size:80px;
    }
  }

  .canvas-wrapper {
    width: 100%;
    margin:0px auto;
    max-width: 900px;
    position: relative;
    /* This locks aspect ratio so absolute items scale cleanly */
    padding-top: 45%; /* adjust if needed */
  }

  .canvas {
    position: absolute;
    inset: 0;
  }

  /* ----- GLOBAL IMAGE STYLE ----- */

  .img {
    position: absolute;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
  }

  /* ----- ABSOLUTE POSITIONS (MATCHING ORIGINAL FEEL) ----- */
  /* All values expressed as % of container ─ fully responsive */

  .img1 {
    left: 2%;
    top: 2%;
    width: 28%;
    height: 30%;
    background-image: url('//static.showit.co/400/Bfzy2SrfrNREckBwoYfQ5A/shared/whatsapp_image_2025-08-01_at_9_18_12_am.jpg');
  }

  .img2 {
    left: 20%;
    top: 10%;
    width: 26%;
    height: 28%;
    background-image: url('//static.showit.co/400/73yVGzdY5Ehmmtf9DTj9zw/shared/whatsapp_image_2025-08-01_at_9_04_41_am.jpg');
  }

  .img3 {
    left: 55%;
    top: 4%;
    width: 28%;
    height: 30%;
    background-image: url('//static.showit.co/400/XmBx894OJZ2SVT-pBY7xWQ/shared/8a6d0667-ff1f-4dd9-b56c-ac1c47e3225b.jpg');
  }

  .img4 {
    left: 38%;
    top: 28%;
    width: 28%;
    height: 30%;
    background-image: url('//static.showit.co/400/6SMeKoMrhdDGF4hCmeqMMw/shared/whatsapp_image_2025-08-01_at_9_15_40_am.jpg');
  }

  .img5 {
    left: 4%;
    top: 38%;
    width: 30%;
    height: 35%;
    background-image: url('//static.showit.co/800/mJe2WRM1x3_ySZ-COZOQpg/shared/img_3677.jpg');
  }

  .img6 {
    left: 70%;
    top: 16%;
    width: 26%;
    height: 28%;
    background-image: url('//static.showit.co/400/Ger9l-SoPE5bfdQEeq-8-g/shared/59f45838-69c0-4670-af97-2b63e8707375.jpg');
  }

  .img7 {
    left: 52%;
    top: 48%;
    width: 28%;
    height: 32%;
    background-image: url('//static.showit.co/800/A9eP5uct8NZLSNc18fkUwQ/shared/img_3669.jpg');
  }

  .img8 {
    left: 24%;
    top: 60%;
    width: 28%;
    height: 30%;
    background-image: url('//static.showit.co/400/8Ypf_FLm8nxd456iX4sgTw/shared/whatsapp_image_2025-08-01_at_9_12_12_am.jpg');
  }

  /* ----- TITLE ----- */

  .title {
    position: absolute;
    left: 0;
    bottom: -6%;
    width: 100%;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
  }

  /* Mobile: scale canvas smaller */
  @media (max-width: 600px) {
    .canvas-wrapper {
      padding-top: 140%;
    }

    .title {
      font-size: 1.6rem;
    }
  }
}