Images get blurred

Minimalist style:
What I try to achieve is to have this rss retriever to show just 1 item, with only the header and the picture. This would be no problem if only the image didn’t get cropped and all blurred. I wish the image to just resize from the original to the feed, without blurring.

How can I achieve this? In the plugin-css I suppose? I have tried but none of it seems to work.

.wp_rss_retriever li {
	margin-bottom: 10px;
	list-style: none;
}

a.wp_rss_retriever_title {
	display: block;
	margin-bottom: .5em;
}

/* Crop image to be a thumbnail */
.wp_rss_retriever_image {
	position: relative;
	float: left;
	margin-right: 0em;
	margin-bottom: 0em;
	width: 260px;
	height: 130px;
	overflow: hidden;
}

.wp_rss_retriever_image img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 130px;
	max-width: 260px;
	max-height: 130px;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	  	-ms-transform: translate(-50%,-50%);
	      	transform: translate(-50%,-50%);

	object-fit: cover;

}

.wp_rss_retriever_image img.portrait {
	min-width: 260px;
	min-height: 130px;
}

a.wp_rss_retriever_readmore {
	display: inline-block;
}

.wp_rss_retriever_metadata {
	margin: .5em 0;
	font-size: 75%;
}

/* Clear floats */
.wp_rss_retriever ul:before,
.wp_rss_retriever li:after,
.wp_rss_retriever_metadata:after,
.wp_rss_retriever_metadata:before {
	content: '';
	display: table;
	clear: both;
}

.wp_rss_retriever_credits {
	text-align: right;
	font-size: .5em;
}

The page I need help with: [log in to see the link]