/* ******************************************** */
/** COMPONENT: PIC
/* ******************************************** */

/* PIC */

.c-pic{
    position: relative;
}
.c-pic,
.c-pic img{
    display: block;
    width: 100%;
    height: auto;
}

.c-pic--bg picture{
    background-color: var(--color-darker-20);
}

.c-pic--abs {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.c-pic--abs .c-pic__img, 
.c-pic--cover .c-pic__img {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}


/* GATSBY FIX */

.c-pic picture{
    position: absolute;
    width: 100%;
    height: 100%;
}