@media screen and (max-width: 767px) {
  .novinky__row--wo {
    margin-bottom: 6px;
    margin-top: 6px;
  }
  .novinka__container--wo {
    padding: 6px;
    width: 50%;
  }
}

.novinka__article--wo::before {
  padding-bottom: 100%;
}
.novinka__article--wo {
  background-color: #d9dadb;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 100px;
}

#Community {
  background-image: url('/fileadmin/up/tiles/wo/welcome-office_dlazdice_community_ctverec.svg');
}
#Network {
  background-image: url('/fileadmin/up/tiles/wo/welcome-office_dlazdice_network_ctverec.svg');
}
#Office {
  background-image: url('/fileadmin/up/tiles/wo/welcome-office_dlazdice_office_ctverec.svg');
}
#Services {
  background-image: url('/fileadmin/up/tiles/wo/welcome-office_dlazdice_services_ctverec.svg');
}

@media screen and (min-width: 768px) {
  .novinka__article--wo:hover {
    background-color: #006fad;
    box-shadow: none;
  }

  .novinka__container--wo {
    width: 25%;
  }

  #Community:hover {
    background-image: url('/fileadmin/up/tiles/wo/welcome-office_dlazdice_community_ctverec_hover.svg');
  }
  #Network:hover {
    background-image: url('/fileadmin/up/tiles/wo/welcome-office_dlazdice_network_ctverec_hover.svg');
  }
  #Office:hover {
    background-image: url('/fileadmin/up/tiles/wo/welcome-office_dlazdice_office_ctverec_hover.svg');
  }
  #Services:hover {
    background-image: url('/fileadmin/up/tiles/wo/welcome-office_dlazdice_services_ctverec_hover.svg');
  }
}