styles.css

#test {
  border: 1px solid green;
}

* {
  box-sizing: border-box;
}

img {
  width: 100%;
  height: 100%;
}

.project-element__mod {
}

#test {
  border: 1px solid purple !important;
}

html > body div .image-container div {
  border: 1px solid red;
}

.image-container {
  width: 100%;
  height: 250px;
  border: 1px solid red;
  padding: 50px;
}



div {
  border: 1px solid blue;
}

#test {
  border: 1px solid yellow;
}

/* Tablet */
@media (min-width: 992px) and (max-width: 1300.98px) {
    .image-container {
      width: 150px;
    }
  }

@media (min-width: 992px) and (max-width: 1300.98px) {
  .image-container {
    width: 150px;
  }
}


@media (min-width: 992px) and (max-width: 1300.98px) {
    .image-container {
      width: 150px;
    }
  }

@media (min-width: 992px) and (max-width: 1300.98px) {
  .image-container {
    width: 150px;
  }
}

@media (min-width: 992px) and (max-width: 1300.98px) {
    .image-container {
      width: 150px;
    }
  }

@media (min-width: 992px) and (max-width: 1300.98px) {
  .image-container {
    width: 150px;
  }
}