.fit-cover {
  object-fit: cover;
}

@media (min-width: 300px) {
  .mm {
    transform: translate(40px);
  }
}

@media (min-width: 768px) {
  .mm {
    transform: translate(210px);
  }
}

@media (min-width: 992px) {
  .mm {
    transform: translate(300px);
  }
}

@media (min-width: 1200px) {
  .mm {
    transform: translate(2px);
  }
}

@media (min-width: 300px) {
  .ppp {
    width: 350px;
    padding-left: 5px;
  }
}

@media (min-width: 576px) {
  .ppp {
    width: 500px;
    padding-left: 100px;
  }
}

@media (min-width: 768px) {
  .ppp {
    width: 600px;
    padding-left: 150px;
  }
}

@media (min-width: 992px) {
  .ppp {
    width: 700px;
    padding-left: 250px;
  }
}

@media (min-width: 1200px) {
  .ppp {
    width: 1000px;
    padding-left: 200px;
  }
}

@media (min-width: 768px) {
  .dddd {
    padding-top: 100px;
  }
}

@media (min-width: 768px) {
  .qqq {
    padding-top: 50px;
    padding-left: 100px;
  }
}