div.image figure,
div.image figure picture {
    display: inline-block;
}
div.image figure img {
    max-width: 100%;
}
div.image.style-rounded figure {
    border-radius: 4px;
    overflow: hidden;
}
div.image.style-border figure {
    background-color: #ebebeb;
    padding: 5px;
}
div.image.style-outline figure {
    border: 1px solid #ebebeb;
    padding: 5px;
}
div.image.style-outline figure img {
    border: 1px solid #ebebeb;
}
div.image.style-shadow figure {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
div.image.style-bordered-shadow figure {
    background-color: #ebebeb;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    padding: 5px;
}
div.image.style-3d-shadow figure {
    position: relative;
    margin-bottom: 15px;
    z-index: 0;
}
div.image.style-3d-shadow figure:before,
div.image.style-3d-shadow figure:after {
    bottom: 8px;
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
    content: "";
    height: 30%;
    left: 5px;
    position: absolute;
    right: 50%;
    transform: skewY(-6deg);
    transform-origin: 0 0 0;
    z-index: -1;
}
div.image.style-3d-shadow figure:after {
    left: 50%;
    right: 5px;
    transform: skewY(6deg);
    transform-origin: 100% 0 0;
}
div.image.style-round figure,
div.image.style-round figure img {
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-round-border figure {
    background-color: #ebebeb;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
}
div.image.style-round-border figure img {
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-round-outline figure {
    border: 1px solid #ebebeb;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
}
div.image.style-round-outline img {
    border: 1px solid #ebebeb;
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-round-shadow figure {
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
div.image.style-round-shadow img {
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-round-border-shadow figure {
    background-color: #ebebeb;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    padding: 5px;
}
div.image.style-round-border-shadow img {
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-circle figure,
div.image.style-circle figure img {
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-circle-border figure {
    background-color: #ebebeb;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
}
div.image.style-circle-border figure img {
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-circle-outline figure {
    border: 1px solid #ebebeb;
    border-radius: 50%;
    overflow: hidden;
    padding: 5px;
}
div.image.style-circle-outline img {
    border: 1px solid #ebebeb;
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-circle-shadow figure {
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
div.image.style-circle-shadow img {
    border-radius: 50%;
    overflow: hidden;
}
div.image.style-circle-border-shadow figure {
    background-color: #ebebeb;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    padding: 5px;
}
div.image.style-circle-border-shadow img {
    border-radius: 50%;
    overflow: hidden;
}

div.image.desktop {
    display: block;
}
div.image.phone {
    display: none;
}

/* PHONE responsive */
@media only screen and (max-width: 767px) {
    div.image.desktop {
        display: none;
    }
    div.image.phone {
        display: block;
    }
}