teasers listing update

templates/node--animal--teaser.html.twig

+{%
+  set classes = [
+    'node',
+    'node--type-' ~ node.bundle|clean_class,
+    node.isPromoted() ? 'node--promoted',
+    node.isSticky() ? 'node--sticky',
+    not node.isPublished() ? 'node--unpublished',
+    view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
+  ]
+%}
+
+<article{{attributes.addClass(classes)}}>
+	<div class="grid-layout-item">
+		<div class="inline-teaser-item inline-teaser-item-tile">
+			<a href="{{ url }}">
+
+				<div class="inline-teaser-item-image">
+
+					<div class="field field-name--field-teaser-image field-type--entity-reference field__item">
+						<div data-blazy="" class="blazy blazy--field blazy--field-media-image blazy--field-media-image--responsive field field-name--field-media-image field-type--image field__item blazy--on">
+							<div class="media media--blazy media--bundle--image media--responsive media--image is-b-loaded">
+								{{content.field_preview_image}}
+							</div>
+						</div>
+					</div>
+
+				</div>
+				<!-- /.inline-teaser-item-image -->
+
+				<div class="inline-teaser-item-title">
+
+					<div class="field field-name--field-teaser-title field-type--text field__item">
+						<p>{{ content.field_shortname }}</p>
+					</div>
+
+				</div>
+				<!-- /.inline-teaser-item-title -->
+
+			</a>
+		</div>
+		<!-- /.inline-teaser-item-tile -->
+
+	</div>
+</article>