Слетела адаптивность темы WP из-за изображений

Добрый вечер.

Столкнулся с такой проблемой, сайт перестал проходить проверку https://search.google.com/test/mobile-friendly

Выводится две ошибки:

• Интерактивные элементы расположены слишком близко
• Контент шире экрана

Насколько я смог разобраться, связано это с изображениями, которые публикуются в статьях (в том числе миниатюры). Если просматривать страницы сайта с разных мобильных устройств, то всё выглядит отлично, но в указанном сервисе и в гугл консоле страницы отмечены как не оптимизированные. Есть страницы, которые без изображений и с ними всё ок.

Вот кусок css кода, отвечающий за адаптив:

/* media queries
-------------------------------------------------------------- */

@media screen and (max-width: 1150px) {
  body #container #main-content {
    max-width: none;                         
}
  #wrapper #content {
    margin: 0 0 10px 5%;
    width: 90% !important;         
}
  #wrapper #sidebar {
    float: left;
    margin-left: 5%;
    width: 90% !important;         
}
  #wrapper .content-headline,
  #wrapper #breadcrumb-navigation p,
  #wrapper #footer,
  #wrapper .footer-signature .footer-signature-content {
    margin: 0 0 0 5%;
    max-width: 90%;                             
}
  #wrapper .grid-entry,
  #wrapper #main-content .content-grid .sticky {
    width: 50%;                          
}
  #wrapper #wrapper-footer #footer {
    padding: 30px 0 4px; 
    width: 100%;                  
}
  #footer .footer-widget-area {
    margin: 0;
    padding: 0;
    width: 100%;                              
}  
}

@media screen and (max-width: 782px) {
  .admin-bar #left-sidebar .site-headline-box {
    margin-top: 66px;                              
}
}

@media screen and (max-width: 640px) {
  #wrapper #container {
    float: left;
    padding: 0; 
    width: 100%;      
}


  #wrapper .sidebar-background {
    display: none !important;                               
}
  #wrapper #left-sidebar {
    float: left;
    height: auto;    
    padding: 0 0 20px;   
    position: relative !important;
    left: auto;
    top: auto; 
    width: 100%;              
}
  #wrapper #left-sidebar .site-headline-box {
    padding: 0 5%;
    width: 90%;                                            
}
  html .admin-bar #left-sidebar .site-headline-box {
    margin-top: 20px;                              
}
  .js #nav {
    display: none;
}
  .js .selectnav {
    background: white;
    border: 1px solid #cccccc;
    color: #333333;
    display: block;
    float: left;
    height: 30px;
    margin: 0 0 0 5%;
    padding: 0; 
    position: relative;
    text-transform: uppercase;
    width: 90%;
} 

} 

@media screen and (max-width: 500px) {
  #wrapper #container .grid-entry,
  #wrapper #container #main-content .content-grid .sticky {
    width: 100%;                          
}
  #wrapper .grid-entry .grid-entry-inner {
    margin: 0 !important;                                         
}
.single #content .attachment-post-thumbnail,
.page #content .attachment-post-thumbnail {
margin: 4px 0 20px;  
  max-width: 90%;
  padding: 0; 
}

}

Возможно кто-то знает, в чем причина (если необходимо, предоставлю адрес сайта в ЛС).