.videos-component {
            display: flex;
            justify-content: center;
        }

        .videos-component>div {
            aspect-ratio: 0.56;
            width: 42%;
            position: relative;
            z-index: 1;
        }

        .videos-image-horizontal {
            width: 70%;
            position: absolute;
            left: -16%;
            top: 14%;
            z-index: 2;
        }

        .videos-image-horizontal:last-of-type {
            top: auto;
            bottom: 14%;
        }

        .videos-component>div:last-of-type {
            transform: translate(-20%, 14%);
            z-index: 0;
        }

        .videos-component>div>video {
            position: absolute;
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 3rem;
        }

        .videos-image-vertical {
            position: absolute;
            right: -14%;
            bottom: 10%;
            width: 60%;
            z-index: 2;
        }

        @media(max-width:768px) {
            .videos-component {
                flex-direction: column;
                align-items: center;
                gap: 20px;
            }

            .videos-component>div {
                width: 75%;
            }

            .videos-component>div:last-of-type {
                transform: none;
            }
        }