.image-with-content-wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap}.image-with-content-wrapper .card-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;box-shadow:0 0 1px 0 hsla(0,0%,68.6%,.5);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;background-color:#f8f8f8}.image-with-content-wrapper .card-item .background-overlay{height:100%;width:100%;top:0;left:0;position:absolute;background-color:#fff;opacity:.66}.image-with-content-wrapper .card-item .card-inner{position:relative;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px}.image-with-content-wrapper .card-item .card-inner>div{position:relative;width:100%}.image-with-content-wrapper .card-item .card-inner>div:not(:last-child){margin:0 0 20px}.image-with-content-wrapper .card-item .image-wrapper img{vertical-align:middle;display:inline-block;width:100%;height:300px;object-fit:cover}.image-with-content-wrapper .card-item .content{text-align:center}@media (min-width:768px){.image-with-content-wrapper .card-item{width:calc(50% - 20px);margin:0 20px 0 0}}@media (max-width:1024px){.image-with-content-wrapper .card-item .image-wrapper img{height:250px}}@media (max-width:767px){.image-with-content-wrapper .card-item{margin:0 0 20px}.image-with-content-wrapper .card-item .image-wrapper img{height:150px}}