.ocr-mesh-effect {
    position: relative !important;
    width: 100vw !important;
    height: 100vh !important;

    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 0 !important;

    overflow: hidden !important;
    line-height: 0 !important;
    background: #000 !important;
}

.ocr-hero-image {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

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

    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* PC / NOTEBOOK */
.ocr-pc {
    display: block !important;
}

/* TABLET ÁLLÓ */
@media (min-width: 768px) and (max-width: 1024px) {

    .ocr-pc {
        display: none !important;
    }

    .ocr-tablet {
        display: block !important;
    }

    .ocr-mesh-effect {
        height: 100dvh !important;
    }
}

/* TELEFON ÁLLÓ */
@media (max-width: 767px) {

    .ocr-pc,
    .ocr-tablet {
        display: none !important;
    }

    .ocr-mobile {
        display: block !important;
    }

    .ocr-mesh-effect {
        height: 100dvh !important;
    }
}

/* CANVAS */
.ocr-mesh-canvas {
    position: absolute !important;

    left: 0 !important;
    top: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 10 !important;
    pointer-events: none !important;
    display: block !important;
}