.tasks_elem {
    padding: var(--px15) var(--px20);
    border-radius: 10px;
    background: var(--grad_main);
    height: fit-content;
    color: var(--head);
}

.tasks_elem_end {
    background: var(--bg);
    color: var(--texts_sec);
}

.tasks_elems {
    max-width: 880px;
    height: fit-content;
}

.tasks_block_img {
    max-width: 620px;
    position: relative;
    height: 300px;
}

.tasks_block_img::before {
    top: 0; bottom: 0; left: 0; right: 0;
  margin: auto;
  position: absolute;
  width: 100%; height: 100%; z-index: 1;
  display: block;
  content: '';
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.6) 53.84615659713745%,
    rgba(0, 0, 0, 0) 100%
  );
}

.tasks_block_img img {
    position: absolute; top: 0; left: 0;
}

@media (max-width:1170px){
    .tasks_container {
        flex-direction: column;
    }
    .tasks_elems , .tasks_block_img {
        max-width: none;
    }
}

@media (max-width:700px){
    .tasks_elem {
        width: 100%;
    }
}