.booom-hero-parallax-gallery .absolute {
    position: absolute
}
.booom-hero-parallax-gallery .relative {
    position: relative
}
.booom-hero-parallax-gallery .inset-0 {
    inset: 0px
}
.booom-hero-parallax-gallery .inset-x-0 {
    left: 0px;
    right: 0px
}
.booom-hero-parallax-gallery .bottom-\[-1px\] {
    bottom: -1px
}
.booom-hero-parallax-gallery .left-1\/2 {
    left: 50%
}
.booom-hero-parallax-gallery .top-0 {
    top: 0px
}
.booom-hero-parallax-gallery .z-\[1\] {
    z-index: 1
}
.booom-hero-parallax-gallery .z-\[2\] {
    z-index: 2
}
.booom-hero-parallax-gallery .z-\[3\] {
    z-index: 3
}
.booom-hero-parallax-gallery .block {
    display: block
}
.booom-hero-parallax-gallery .flex {
    display: flex
}
.booom-hero-parallax-gallery .h-\[10vh\] {
    height: 10vh
}
.booom-hero-parallax-gallery .h-\[calc\(100vh-50px\)\] {
    height: calc(100vh - 50px)
}
.booom-hero-parallax-gallery .h-auto {
    height: auto
}
.booom-hero-parallax-gallery .h-full {
    height: 100%
}
.booom-hero-parallax-gallery .min-h-\[100px\] {
    min-height: 100px
}
.booom-hero-parallax-gallery .w-1\/2 {
    width: 50%
}
.booom-hero-parallax-gallery .w-full {
    width: 100%
}
.booom-hero-parallax-gallery .min-w-\[100vw\] {
    min-width: 100vw
}
.booom-hero-parallax-gallery .max-w-\[700px\] {
    max-width: 700px
}
.booom-hero-parallax-gallery .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-hero-parallax-gallery .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-hero-parallax-gallery .flex-col {
    flex-direction: column
}
.booom-hero-parallax-gallery .items-start {
    align-items: flex-start
}
.booom-hero-parallax-gallery .items-center {
    align-items: center
}
.booom-hero-parallax-gallery .justify-start {
    justify-content: flex-start
}
.booom-hero-parallax-gallery .justify-center {
    justify-content: center
}
.booom-hero-parallax-gallery .gap-3 {
    gap: 0.75rem
}
.booom-hero-parallax-gallery .gap-8 {
    gap: 2rem
}
.booom-hero-parallax-gallery .overflow-hidden {
    overflow: hidden
}
.booom-hero-parallax-gallery .overflow-y-clip {
    overflow-y: clip
}
.booom-hero-parallax-gallery .bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}
.booom-hero-parallax-gallery .bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops))
}
.booom-hero-parallax-gallery .bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops))
}
.booom-hero-parallax-gallery .from-black {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.booom-hero-parallax-gallery .via-black\/70 {
    --tw-gradient-to: rgb(0 0 0 / 0)  var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.booom-hero-parallax-gallery .to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position)
}
.booom-hero-parallax-gallery .object-contain {
    -o-object-fit: contain;
       object-fit: contain
}
@media (min-width: 640px) {
    .booom-hero-parallax-gallery .sm\:right-0 {
        right: 0px
    }
    .booom-hero-parallax-gallery .sm\:min-w-min {
        min-width: -moz-min-content;
        min-width: min-content
    }
    .booom-hero-parallax-gallery .sm\:overflow-hidden {
        overflow: hidden
    }
}
@media (min-width: 768px) {
    .booom-hero-parallax-gallery .md\:h-\[20vh\] {
        height: 20vh
    }
    .booom-hero-parallax-gallery .md\:min-h-\[175px\] {
        min-height: 175px
    }
    .booom-hero-parallax-gallery .md\:w-3\/5 {
        width: 60%
    }
    .booom-hero-parallax-gallery .md\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}
@media (min-width: 1024px) {
    .booom-hero-parallax-gallery .lg\:hidden {
        display: none
    }
    .booom-hero-parallax-gallery .lg\:w-1\/2 {
        width: 50%
    }
    .booom-hero-parallax-gallery .lg\:gap-14 {
        gap: 3.5rem
    }
    .booom-hero-parallax-gallery .lg\:gap-4 {
        gap: 1rem
    }
}