.pit-time-task-188-christo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  background-color: black;
  color: white !important;
  border-radius: 10px;
}

.pit-time-task-188-christo--right{
  display: grid;
  grid-template-columns: 1fr;
  padding: 20px;
}

.pit-time-task-188-christo--image{
  position: relative;
  object-fit: cover;
  height: 100%;
}

.pit-time-task-188-christo--image img{
  object-fit: cover;
  height: 100% !important;
  overflow: hidden;
  border-radius: 10px;
}

.pit-time-task-188-christo--image-text{
  position: absolute;
  bottom: 2%;
  right: 2%;
  color: white;
  background: rgba(0,0,0,0.3);
  padding: 5px;
}

.pit-time-task-188-christo--button {
  margin-top: 4%;
  margin-bottom: 4%;
}

.pit-time-task-188-christo--button a{
  background-color: white;
  color: black;
  text-decoration: none;
  padding: 20px 10px;
  border-radius: 40px;
  transition: 0.2s ease-in;
}

.pit-time-task-188-christo--button a:hover{
  background-color: black;
  color: white;
}

@media (max-width:768px) {
  .pit-time-task-188-christo {
    grid-template-columns: 1fr;
  }

  .pit-time-task-188-christo--rich h2 {
    margin-top: 1%;
    margin-bottom: 1%;
  }

  .pit-time-task-188-christo--button {
    margin-top: 6%;
    margin-bottom: 6%;
  }
}

@media (max-width:372px) {
  .pit-time-task-188-christo {
    grid-template-columns: 1fr;
  }

  .pit-time-task-188-christo--rich h2 {
    margin-top: 1%;
    margin-bottom: 1%;
  }