.org-experience-block {
    @apply py-16 overflow-hidden;

    .experience-top {
        @apply mb-12;

        .atm-heading {
            @apply text-secondary-col-1 mb-4;
        }

        .atm-paragraph {
            @apply mb-6 max-w-2xl;
        }
    }

    .experience-images {
        @apply relative grid grid-cols-3 gap-4 md:gap-10 mb-12;
        margin-left: -50%;
        margin-right: -50%;

        @media (min-width: 768px) {
            margin-left: -25%;
            margin-right: -25%;
        }

        @media (min-width: 1280px) {
            margin-left: 0;
            margin-right: 0;
        }

        .experience-image {
            @apply rounded-lg overflow-hidden;
            aspect-ratio: 3/4;

            &:nth-child(1) {
                @apply mt-32;
            }

            &:nth-child(2) {
                @apply mt-16;
            }

            &:nth-child(3) {
                @apply mt-0;
            }

            &.has-video {
                .mol-video-player {
                    @apply w-full h-full;
                }
                .atm-video {
                    @apply w-full h-full;

                    video {
                        @apply w-full h-full object-cover;
                    }
                }
            }

            .atm-image {
                @apply w-full h-full;

                img {
                    @apply w-full h-full object-cover;
                }
            }
        }
    }

    .experience-bottom {
        @apply ml-auto max-w-2xl pr-0 md:pr-16;

        .atm-heading {
            @apply text-secondary-col-1 mb-4;
        }

        .atm-paragraph {
            @apply mb-6;
        }

        .atm-button {
            @apply inline-block;
        }
    }
}