img {
  max-width: 100vw;
}

@media screen and (min-width: 980px) {
  .w-980 {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 160px;
  }
  .img-overflow-left {
    margin-left: -160px;
    margin-right: 20px;
    width: calc(50% + 160px);
    float: left;
  }
  .img-overflow-right {
    margin-right: -160px;
    margin-left: 20px;
    width: calc(50% + 160px);
    float: right;
  }
  .img-overflow-center {
    width: 980px;
    margin-left: -160px;
  }
  .text-overflow-left {
    margin-left: -160px;
  }
  .text-overflow-right {
    margin-right: -160px;
  }
}
@media screen and (max-width: 980px) {
  .w-980 {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
}