.elementor-18952 .elementor-element.elementor-element-8b7328a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for image, class: .elementor-element-15b3211 */.hover-overlay-wisnu {
    position: relative;
    overflow: hidden;
}

.hover-overlay-wisnu > .elementor-widget-wrap {
    position: relative;
    z-index: 1;
}

/* OVERLAY */
.hover-overlay-wisnu::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #302D79;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 2;
    pointer-events: none;
}

/* TEXT (MULTILINE) */
.hover-overlay-wisnu::after {
    content: "Pak Wisnu\A PE Teacher";
    white-space: pre-line; /* IMPORTANT */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -40%);
    color: #FFFFFF;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    opacity: 0;
    transition: all 0.4s ease;
    z-index: 3;
    pointer-events: none;
}

/* HOVER */
.hover-overlay-wisnu:hover::before {
    opacity: 0.6;
}

.hover-overlay-wisnu:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%);
}/* End custom CSS */