/*
 Theme Name:   EJEMPLO
 Description:  Hello Elementor Child Theme
 Author:       a
 Author URI:   https://a.pe
 Template:     hello-elementor
 Version:      1.0
 Text Domain:  hello-elementor
*/

/* -----> GENERAL */

::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-thumb {
    background: var(--e-global-color-primary);
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
}
.elementor-widget-text-editor .elementor-widget-container>*:last-child,
.elementor-text-editor>*:last-child{
	margin-bottom: 0 !important;
}
* a{
	color: var(--e-global-color-secondary);
}
* a:hover{
	color: var(--e-global-color-primary);
}
.items_rep .jet-listing-dynamic-repeater__items {
    flex-wrap: wrap !important;
}

/* -----> CABECERA */

@media (max-width: 767px) {
    body:not(.rtl) .elementor-647 .elementor-element.elementor-element-6900011 .elementor-sitemap-section ul {
        padding-left: 25px;
        margin-left: 0px;
    }
}

/* -----> PIE DE PAGINA */



/* -----> PAGINA DE INICIO */
.boxs_serv .jet-animated-box__front .jet-animated-box__content {
    padding: 15px;
    background: #fdd019;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    height: 60px;
}

.boxs_serv .jet-animated-box__content h3 {
    margin-bottom: 0;
}

.boxs_serv .elementor-widget-jet-animated-box {
    transition: .4s all ease-in-out
}

.boxs_serv .elementor-widget-jet-animated-box:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}

/*
.boxs_serv {
    filter: blur(0);
}

.boxs_serv:hover .elementor-widget-jet-animated-box:not(:hover) {
    filter: blur(5px);
}
*/
.boxs_serv .elementor-widget-jet-animated-box:not(:hover) {
    transform: scale(1.03);
}

.efecto_img img {
    --c: var(--e-global-color-primary);
    --b: 8px;
    --o: 25px;
    --_p: calc(2*var(--o) + var(--b));
    padding: var(--_p) var(--_p) 0 0;
    outline: 10px solid var(--c);
    outline-offset: calc(var(--o) - var(--_p));
    transition: .4s;
    cursor: pointer;
    position: relative;
}

.efecto_img img+.efecto_img img {
    padding: var(--_p) 0 0 var(--_p);
}

.efecto_img img:hover {
    padding: calc(var(--_p)/2);
}

.efecto_img img:hover::after {
    content: '';
    position: absolute;
    bottom: -12px;
    /* Adjust for size of triangle */
    left: 50%;
    transform: translateX(-50%);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 20px solid var(--c);
    /* Triangular effect */
}
<style>
    .efecto_rebotar {
        width: 200px; /* Tamaño de la imagen */
        height: auto;
        animation: rebote 2s ease infinite; /* Llama a la animación 'rebote' con duración más larga */
    }

    @keyframes rebote {
        0% {
            transform: translateY(0); /* Comienza en su posición original */
        }
        20% {
            transform: translateY(-15px); /* Rebote hacia arriba */
        }
        40% {
            transform: translateY(0); /* Regresa a la posición original */
        }
        60% {
            transform: translateY(-7px); /* Rebote más pequeño */
        }
        80% {
            transform: translateY(0); /* Regresa a la posición original */
        }
        100% {
            transform: translateY(0); /* Se mantiene en su posición original */
        }
    }
</style>

<img class="efecto_rebotar" src="https://picsum.photos/id/64/300/300" alt="A random woman">