.image-wrapper img {
  width: 100%; }

.dby-image-as-background {
  width: 100%;
  min-height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.dby-image-as-background-h-200 .dby-image-as-background {
  height: 200px !important;
  max-height: 200px !important; }

.dby-image-as-background-h-250 .dby-image-as-background {
  height: 250px !important;
  max-height: 250px !important; }

.dby-image-as-background-h-300 .dby-image-as-background {
  height: 300px !important;
  max-height: 300px !important; }

.dby-image-as-background-h-350 .dby-image-as-background {
  height: 350px !important;
  max-height: 350px !important; }

.dby-image-as-background-h-400 .dby-image-as-background {
  height: 400px !important;
  max-height: 400px !important; }

.dby-image-as-background-h-450 .dby-image-as-background {
  height: 450px !important;
  max-height: 450px !important; }

.dby-image-as-background-h-500 .dby-image-as-background {
  height: 500px !important;
  max-height: 500px !important; }

@media only screen and (max-width: 768px) {
  .dby-image-as-background-md-h-200 .dby-image-as-background {
    height: 200px !important;
    max-height: 200px !important; }
  .dby-image-as-background-md-h-250 .dby-image-as-background {
    height: 250px !important;
    max-height: 250px !important; }
  .dby-image-as-background-md-h-300 .dby-image-as-background {
    height: 300px !important;
    max-height: 300px !important; }
  .dby-image-as-background-md-h-350 .dby-image-as-background {
    height: 350px !important;
    max-height: 350px !important; }
  .dby-image-as-background-md-h-400 .dby-image-as-background {
    height: 400px !important;
    max-height: 400px !important; }
  .dby-image-as-background-md-h-450 .dby-image-as-background {
    height: 450px !important;
    max-height: 450px !important; }
  .dby-image-as-background-md-h-500 .dby-image-as-background {
    height: 500px !important;
    max-height: 500px !important; } }