* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      
    }


      @font-face {
         font-family: 'Cormorant';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/cormorant/v24/H4c2BXOCl9bbnla_nHIA47NMUjsNbCVrFs9Uc75q7T2u.woff2) format('woff2');
         unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
         }
         /* cyrillic */
         @font-face {
         font-family: 'Cormorant';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/cormorant/v24/H4c2BXOCl9bbnla_nHIA47NMUjsNbCVrFs9Uc7dq7T2u.woff2) format('woff2');
         unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
         }
         /* vietnamese */
         @font-face {
         font-family: 'Cormorant';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/cormorant/v24/H4c2BXOCl9bbnla_nHIA47NMUjsNbCVrFs9Uc7xq7T2u.woff2) format('woff2');
         unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
         }
         /* latin-ext */
         @font-face {
         font-family: 'Cormorant';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/cormorant/v24/H4c2BXOCl9bbnla_nHIA47NMUjsNbCVrFs9Uc71q7T2u.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
         }
         /* latin */
         @font-face {
         font-family: 'Cormorant';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/cormorant/v24/H4c2BXOCl9bbnla_nHIA47NMUjsNbCVrFs9Uc7Nq7Q.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
         }
         /* cyrillic-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR4SDktYw.woff2) format('woff2');
         unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
         }
         /* cyrillic */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');
         unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
         }
         /* greek-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');
         unicode-range: U+1F00-1FFF;
         }
         /* greek */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR2SDktYw.woff2) format('woff2');
         unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
         }
         /* vietnamese */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR6SDktYw.woff2) format('woff2');
         unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
         }
         /* latin-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR7SDktYw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
         }
         /* latin */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
         }
         /* cyrillic-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR4SDktYw.woff2) format('woff2');
         unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
         }
         /* cyrillic */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');
         unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
         }
         /* greek-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');
         unicode-range: U+1F00-1FFF;
         }
         /* greek */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR2SDktYw.woff2) format('woff2');
         unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
         }
         /* vietnamese */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR6SDktYw.woff2) format('woff2');
         unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
         }
         /* latin-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR7SDktYw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
         }
         /* latin */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 500;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
         }
         /* cyrillic-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR4SDktYw.woff2) format('woff2');
         unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
         }
         /* cyrillic */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');
         unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
         }
         /* greek-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');
         unicode-range: U+1F00-1FFF;
         }
         /* greek */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR2SDktYw.woff2) format('woff2');
         unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
         }
         /* vietnamese */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR6SDktYw.woff2) format('woff2');
         unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
         }
         /* latin-ext */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR7SDktYw.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
         }
         /* latin */
         @font-face {
         font-family: 'EB Garamond';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: url(fonts.gstatic.com/s/ebgaramond/v33/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
         }
         /* latin */
         @font-face {
         font-family: 'Jacques Francois';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: url(fonts.gstatic.com/s/jacquesfrancois/v26/ZXu9e04ZvKeOOHIe1TMahbcIU2cgqcTgoA.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
         }
         /* latin-ext */
         @font-face {
         font-family: 'Parisienne';
         font-style: normal;
         font-weight: 400;
         src: url(fonts.gstatic.com/s/parisienne/v14/E21i_d3kivvAkxhLEVZpQyZwD9Ku.woff2) format('woff2');
         unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
         }
         /* latin */
         @font-face {
         font-family: 'Parisienne';
         font-style: normal;
         font-weight: 400;
         src: url(fonts.gstatic.com/s/parisienne/v14/E21i_d3kivvAkxhLEVZpQyhwDw.woff2) format('woff2');
         unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
         }
         @font-face { font-family: "EB Garamond Placeholder"; src: local("Times New Roman"); ascent-override: 107.66%; descent-override: 31.86%; line-gap-override: 0.00%; size-adjust: 93.54% }
         @font-face { font-family: "Jacques Francois Placeholder"; src: local("Times New Roman"); ascent-override: 91.68%; descent-override: 26.52%; line-gap-override: 0.00%; size-adjust: 111.58% }
         @font-face { font-family: "Cormorant Placeholder"; src: local("Times New Roman"); ascent-override: 96.22%; descent-override: 29.89%; line-gap-override: 0.00%; size-adjust: 96.03% }

p,a {font-family: "EB Garamond", "EB Garamond Placeholder", serif;    word-spacing: 9px;
    letter-spacing: 2px !important;}
.main-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
      text-align: center;
      padding: 0px;
    }

    /* Video Container Overlay */
    .intro-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: #000;
      z-index: 9999;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: opacity 0.8s ease, visibility 0.8s ease;
    }

    .intro-video {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    /* Click-to-play overlay button */
    .play-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgb(0 0 0 / 0%);
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 10;
      transition: opacity 0.3s ease;
    }

    .play-button {
         background-color: #8f542f;
    color: #ffffff;
      border: none;
      padding: 15px 30px;
      font-size: 1.1rem;
      font-weight: bold;
      border-radius: 50px;
      cursor: pointer;
      box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.3);
      transition: transform 0.2s ease, background-color 0.2s ease;
    }

    .play-button:hover {
      transform: scale(1.05);
      background-color: #f0f0f0;
    }

    /* Utility class to hide the intro container */
    .intro-container.hidden {
      opacity: 0;
      visibility: hidden;
    }
    .cloud-bg-viewport {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      z-index: 1;
    }

   
    

    .moving-background {
  /* Set explicit container size */
  width: 100%;
 
  
  
  
}
img.clous-background {
    position: absolute;
    height: 100vh;
    z-index: -1;
    top: 0;
    width: 100%;
     /* animation: moveLeftRight 3s ease-in-out infinite alternate;*/

}
@keyframes moveLeftRight {
  0% {
    transform: translateX(0); /* Start position */
  }
  100% {
    transform: translateX(200px); /* Move 200px to the right */
  }
}
.parallax-hero-section {
  position: relative;
  width: 100%;
  height: 100vh; /* Adjust height as needed */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

img.tree-ani {
    position: absolute;
}
img.tree-ani {
 
 animation: moveLeftRight 4s ease-in-out infinite alternate;
}

@keyframes moveLeftRight {
  0% {
    left: -15%; /* Starts all the way at the left */
  }
  100% {
    /* Calculates 100% width minus the image's own width so it doesn't clip past the edge */
    left: calc(5% - 50px); 
  }
}
.stage {
      position: relative;
      width: 100%;
      height: 650px;
      display: flex;
      justify-content: center;
      align-items: flex-end;
    }

    /* Anchor origin point for all fan feathers */
    .pivot-point {
      position: absolute;
          bottom: 350px;
    left: 50%;
      width: 0;
      height: 0;
    }

    /* Feather Styles */
    .feather {
      position: absolute;
      bottom: 0;
      left: 50%;
      /* Anchor transform from the bottom center stem */
      transform-origin: 50% 100%; 
      transition: transform 1.2s cubic-bezier(0.34, 1.45, 0.64, 1), opacity 0.8s ease;
      filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.25));
      pointer-events: none;
      user-select: none;
    }

    .feather img {
      width: 120%;
      height: 100%;
      object-fit: contain;
    }

    /* Peacock Body Foreground Overlay */
    .peacock-body {
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      width: 540px;
      z-index: 1000;
      filter: drop-shadow(0px 10px 15px rgba(0, 0, 0, 0.35));
      pointer-events: none;
    }

    .peacock-body img {
      width: 100%;
      height: auto;
      display: block;
    }

    .events {
    background-image: url(images/bg-2.jpg);
    overflow-x: hidden;
}
/*frame*/
.frame {
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    margin-top: 40px;
}
.frame .frame-inner {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.frame .frame-inner img {
    width: 100%;
}
.marriage {
    background-image: url(images/marriage.gif);
    background-size: 530px 1110px;
    background-position: center;
    background-repeat: no-repeat;
    height: 1080px;
    -webkit-clip-path: polygon(3951.67px 748px,485px 944.24px,-374.33px 365.35px,-258.67px -335.53px,189.67px 785.47px,269.5px 688.74px,-277.67px -595px,185.17px -348px,-158px -2420px,-1251.17px -88px);
}
.reciption {
    background-image: url(images/reciption.gif);
    background-size: 530px 1110px;
    background-position: center;
    background-repeat: no-repeat;
    height: 1080px;
    -webkit-clip-path: polygon(3951.67px 748px,485px 944.24px,-374.33px 365.35px,-258.67px -335.53px,189.67px 785.47px,269.5px 688.74px,-277.67px -595px,185.17px -348px,-158px -2420px,-1251.17px -88px);
}
img.frame-img {
    position: absolute;
    left: 12%;
}
.frame h2 {
    text-transform: capitalize;
    color: #f8d433;
    font-size: 54px;
    font-family: "Parisienne", sans-serif;
}
.frame  p {
    color: #fff;
    font-size: 38px;
    width: 63%;
    margin: auto;
    margin-top: 20px;
}
.frame a {
    font-size: 44px;
    text-decoration: none;
    color: aliceblue;
    padding: 20px 70px !important;
    display: inline-block;
    background-color: #d2a25f;
    margin-top: 30px;
    border-radius: 80px;
}
.ganesh {
    text-align: center;
    width: 100%;
}
.ganesh img {
    width: 30%;
}
.ganesh  h2 {
    font-size: 70px;
    color: aliceblue;
}
.ganesh p {
    color: #fbeb6a;
    font-size: 41px;
    margin: 28px;
}
.ganesh b {
    border: 5px solid #fcf1b4;
    display: inline-block;
    width: 310px;
    margin-top: 20px;
}
.ganesh  h3 {
    font-size: 104px;
    font-family: math;
    color: azure;
    font-family: "Parisienne", sans-serif;
}
p.new-and {
    font-size: 114px;
        margin: -20px;
}
/* Main gallery */
/* =========================================
   COUPLE PHOTO GALLERY
   ========================================= */

.couple-gallery {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    box-sizing: border-box;
}

.couple-gallery h2 {
    text-align: center;
    margin: 0 0 30px;
}


/* =========================================
   GRID
   ========================================= */

.couple-gallery-grid {
   
}
.couple-gallery h3 {
    font-family: "EB Garamond", "EB Garamond Placeholder", serif;
    word-spacing: 9px;
    letter-spacing: 2px !important;
    color: #f5d233;
    text-align: center;
    font-size: 84px;
}


/* =========================================
   ALL IMAGES
   ========================================= */

.couple-gallery-grid .gallery-item {
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    margin: 0;
}

.couple-gallery-grid .gallery-item img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}


/* Optional hover effect */

.couple-gallery-grid .gallery-item:hover img {
    transform: scale(1.04);
}


/* =========================================
   FEATURED COLLAGE
   Similar to your reference image
   ========================================= */


/*
   LEFT LARGE IMAGE

   Takes 2 rows
*/
.couple-gallery-grid .item-1 {
    grid-column: 1;
    grid-row: span 2;
}


/*
   CENTER TALL IMAGE

   Takes 3 rows
*/
.couple-gallery-grid .item-2 {
    grid-column: 2;
    grid-row: span 3;
}


/*
   TOP RIGHT
*/
.couple-gallery-grid .item-3 {
    grid-column: 3;
    grid-row: span 1;
}


/*
   TOP FAR RIGHT
*/
.couple-gallery-grid .item-4 {
    grid-column: 4;
    grid-row: span 1;
}


/*
   LEFT BOTTOM LARGE
*/
.couple-gallery-grid .item-5 {
    grid-column: 1;
    grid-row: span 2;
}


/*
   RIGHT MIDDLE
*/
.couple-gallery-grid .item-6 {
    grid-column: 3;
    grid-row: span 1;
}


/* =========================================
   REMAINING PHOTOS
   ========================================= */

.couple-gallery-grid .item-7,
.couple-gallery-grid .item-8,
.couple-gallery-grid .item-9,
.couple-gallery-grid .item-10,
.couple-gallery-grid .item-11,
.couple-gallery-grid .item-12,
.couple-gallery-grid .item-13,
.couple-gallery-grid .item-14,
.couple-gallery-grid .item-15,
.couple-gallery-grid .item-16,
.couple-gallery-grid .item-17 {
    grid-column: auto;
    grid-row: span 1;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 900px) {

    .couple-gallery {
        padding: 30px 15px;
    }

    .couple-gallery-grid {
        grid-template-columns:
            1.4fr
            0.8fr
            0.8fr;

        grid-auto-rows: 160px;

        gap: 4px;
    }

    /*
       Hide the 4th column behavior
       and allow normal grid flow
    */

    .couple-gallery-grid .item-1 {
        grid-column: 1;
        grid-row: span 2;
    }

    .couple-gallery-grid .item-2 {
        grid-column: 2;
        grid-row: span 3;
    }

    .couple-gallery-grid .item-3 {
        grid-column: 3;
        grid-row: span 1;
    }

    .couple-gallery-grid .item-4 {
        grid-column: 3;
        grid-row: span 1;
    }

    .couple-gallery-grid .item-5 {
        grid-column: 1;
        grid-row: span 2;
    }

    .couple-gallery-grid .item-6 {
        grid-column: 3;
        grid-row: span 1;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 600px) {

    .couple-gallery {
        padding: 25px 10px;
    }

    .couple-gallery h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .couple-gallery-grid {

        /*
         * 2-column mobile gallery
         */
        grid-template-columns: 1fr 1fr;

        grid-auto-rows: 140px;

        gap: 4px;
    }


    /* -----------------------------
       Main image
       ----------------------------- */

    .couple-gallery-grid .item-1 {
        grid-column: 1 / 3;
        grid-row: span 2;
    }


    /* -----------------------------
       Tall center image
       ----------------------------- */

    .couple-gallery-grid .item-2 {
        grid-column: 1;
        grid-row: span 2;
    }


    /* -----------------------------
       Right images
       ----------------------------- */

    .couple-gallery-grid .item-3 {
        grid-column: 2;
        grid-row: span 1;
    }

    .couple-gallery-grid .item-4 {
        grid-column: 2;
        grid-row: span 1;
    }


    /* -----------------------------
       Bottom large image
       ----------------------------- */

    .couple-gallery-grid .item-5 {
        grid-column: 1 / 3;
        grid-row: span 2;
    }


    .couple-gallery-grid .item-6 {
        grid-column: 1;
        grid-row: span 1;
    }


    /*
       Remaining images
    */

    .couple-gallery-grid .item-7,
    .couple-gallery-grid .item-8,
    .couple-gallery-grid .item-9,
    .couple-gallery-grid .item-10,
    .couple-gallery-grid .item-11,
    .couple-gallery-grid .item-12,
    .couple-gallery-grid .item-13,
    .couple-gallery-grid .item-14,
    .couple-gallery-grid .item-15,
    .couple-gallery-grid .item-16,
    .couple-gallery-grid .item-17 {
        grid-column: auto;
        grid-row: span 1;
    }
}
.couple-gallery h2 {
    text-transform: capitalize;
    color: #ffffff;
    font-size: 134px;
    font-family: "Parisienne", sans-serif;
    text-align: center;
    margin: 60px;
}
.couple-gallery-grid {
    width: 70%;
    margin: auto;
}
.couple-gallery-grid  img {
    width: 100% !important;
    height: auto !important;
    margin: auto;
    border: 22px solid #FFF;
    margin: 5px;
}

/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 400px) {

    .couple-gallery {
        padding: 20px 8px;
    }

    .couple-gallery-grid {
        grid-auto-rows: 115px;
        gap: 3px;
    }

    .couple-gallery h2 {
        font-size: 22px;
    }
}