.john-luke-carousel .item{
    padding:0 10px;
}

.scroller-item{
    display:block;
    text-decoration:none;
 
}

.scroller-image-wrap{
    overflow:hidden;
    border:10px solid #fff;
    border-radius:8px;
}

.scroller-image-wrap img{
    width:100%;
    height:320px;
    object-fit:cover;
    transition:transform .3s ease;
}

.scroller-item:hover img{
    transform:scale(1.05);
}

.scroller-caption{
    color:#fc5217;
    text-align:center;
    padding:15px 0;
    font-weight:600;

}

.cloud {
    position: relative;
    width: 240px;
    min-height: 140px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 25px;

    /*background: #fff;*/
    border-radius: 50%;
/*
    box-shadow:
        0 4px 10px rgba(0,0,0,.08),
        inset 0 -4px 8px rgba(230,230,230,.4);*/
}

/* Create fluffy bumps using box-shadows */

.cloud::before {
    content: "";
    position: absolute;

    width: 70px;
    height: 100px;

    background: #fff;
    border-radius: 50%;

    top: 18px;
    left: 20px;

    box-shadow:
        45px -20px 0 12px #fff,
        100px -10px 0 18px #fff,
        145px 10px 0 10px #fff,
        135px 55px 0 12px #fff,
        70px 65px 0 15px #fff,
        15px 55px 0 8px #fff;

    z-index: -1;
}

.cloud-text {
    position: relative;
    z-index: 2;

    max-width: 150px;

    color: #fc5217;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;

    word-break: break-word;
    overflow-wrap: anywhere;
}

/* Card */

.card-item .item {
    height: 100%;
}

.card-item a {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    height: 100%;
}

/* Image wrapper */

.scroller-image-wrap {
    overflow: hidden;
    border-radius: 6px;
    position: relative;
}

/* Fixed image height */

.scroller-image-wrap img {
    width: 100%;
    height: 320px;
    object-fit: cover;

    transition: transform .4s ease;
}

/* Owl Carousel style zoom */

.card-item:hover img {
    transform: scale(1.08);
}

/* Caption */

.scroller-caption {
    margin-top: 15px;
    min-height: 3.2em;

    display: flex;
    /*align-items: flex-start;*/
    justify-content: center;

    text-align: center;
}

/* Keep titles to two lines */



/* Slight lift on hover */

.card-item .item {
    transition: transform .25s ease;
}

.card-item:hover .item {
    transform: translateY(-4px);
}