.delivery {
  margin: 100px 0 50px;
  height: 544px;
  border-radius: 40px;
  background-color: #1c1c1c;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
}

.delivery2 {
  margin: 10px 0;
  height: 544px;
  border-radius: 40px;
  background-color: #1c1c1c;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 30px;
}

.delivery-img {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  border-radius: 40px;
}

.delivery-title {
  color: #fff;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.delivery-desc {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  z-index: 2;
}

.del-w {
  color: #fff;
  border-bottom: 2px solid #fff;
}

@media screen and (max-width: 1440px) {
  .delivery,
  .delivery2 {
    height: 464px;
  }
}

@media screen and (max-width: 1200px) {
  .delivery,
  .delivery2 {
    height: 400px;
  }
}

@media screen and (max-width: 960px) {
  .delivery,
  .delivery2 {
    height: 390px;
  }
}

@media screen and (max-width: 640px) {
  .delivery,
  .delivery2 {
    height: 290px;
  }
  .delivery-desc {
    margin-top: 20px;
  }
}

@media screen and (max-width: 480px) {
  .delivery,
  .delivery2 {
    height: 380px;
  }
  .delivery-img {
    width: 100%;
    object-fit: cover;
  }
}