/* .ovaev-content.content-grid .item .desc .event-thumbnail{
        position: relative;
        overflow: hidden;
    } */

    /* inicialmente use este pero dejaba visible una marca gris en la base de la imagen */
    /* .ovaev-content.content-grid .item .desc .event-thumbnail::before{
        content: "";
        display: block;
        position: absolute;
        background-color: white;
        width: 105%;
        height: 100%;
        clip-path: polygon(100% 81%, 100% 100%, 47% 100%, 0 100%, 0 86%, 26% 100%);
        top: 0;
        left: -5px;
        text-align: center;
        align-self: center;
    } */

    /* intento de solcion de arriba que no funciono */
    /* .ovaev-content.content-grid .item .desc .event-thumbnail::before{
        content: "";
        display: block;
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 100%;
        clip-path: polygon(100% 81%, 100% 100%, 47% 100%, 0 100%, 0 86%, 26% 98%);
        top: 0px;
        left: 0px;
        text-align: center;
        align-self: center;
        opacity: 0.9;
    } */



    /* .ovaev-content.content-grid .item .desc .event-thumbnail a img{
            -webkit-mask-image: url( ../images/Graphics/hero-image-cut-out.svg );
            -webkit-mask-size: contain;
            -webkit-mask-position: center center;
            -webkit-mask-repeat: no-repeat;
    } */

    /* .ovaev-content.content-grid .item .desc .event-thumbnail a img{
        mask-image: url( ../images/Graphics/hero-image-cut-out.svg );
    } */


    /* la otra alternativa fue darle el efecto elemento de abajo */
    .ovaev-content.content-grid .item .desc .event_post{
        position:  relative;
        z-index: 1;
    }

    .ovaev-content.content-grid .item .desc .event_post::before{
        content: "";
        display: block;
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 100%;
        clip-path: polygon(26% 15%, 100% 0, 110% 100%, 0 100%, 0% 4%);
        top: -17%;
        left: 0px;
        text-align: center;
        align-self: center;
        opacity: 1;
        z-index: -1;
    }