Aleksander911

С наставником тебе явно не повезло. Хотя бы так сделай для начала что ли

.standart {
  background: rgb(246, 246, 248);
  position: relative;
  top: 195px;
}
.standart .container {
  margin: auto;
  max-width: 980px; 
  width:95%;
}
.in-main{
  display: flex;
}
.main_header{
  font-family:'Montserrat', sans-serif ;
  font-weight: 700;
  font-size: 33px;
  color:rgba(50, 50, 50, 1);
  line-height: 52.66px;    
}
.main_des {
  color: rgba(153, 153, 153, 1);
  line-height: 25.36px;
  font-family:'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 14px;
  width: 431px;
  margin: 26px 0px 20px 0px;
}    
.company_link{
  font-family:'Montserrat', sans-serif ;
  font-weight: 500;
  color: rgba(73, 133, 255, 1);
  font-size: 14px;    
}
.photo_sandart{
  width: 440px;
  height: 340px;
  margin-left: 50px;    
}

Решил вопрос без js
.section {
position: -webkit-sticky;
position: sticky;
top: 0;
}

Вопрос решил так: оказывается есть еще такие варианты отображения, как
'contain' - это дефолтный по размеру контейнера;
'cover' - растягивается на весь экран;
'scaledown' - по размеру изображения и при сжатии экрана сжимается;
'none' - по размеру изображения, но при сжатии экрана не сжимается.
Добавил атрибут и значение data-fit="scaledown" и всё зарабтало как надо.