.contact{
  position: relative;
  display: flex;
  width: 100%;
  height: 359px;
  margin-top: 22px;
  margin-bottom: 22px;
}

.office-img{
  width: 600px;
  height: 359px;
  background-image: url("office-img.webp");
  position: absolute;
  right: 0;
}

@media(max-width: 850px){

  .contact{
    position: relative;
    display: block;
    width: 100%;
    height: 415px;
    margin-right: 0;
    padding-right: 0;
  }

  .office-img{
    width: 100%;
    height: 200px;
    background-image: url("office-img.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}