<template>
	<section class="pb-20">
		<div class="container mx-auto px-4">
			<div class="flex flex-wrap items-stretch justify-center items-center">
				<div class="card lg:w-4/12 shadow-xl w-full border-x border-y border-light-grey hover:border-medium-grey">
					<img class="max-w-full rounded-lg shadow-lg"
						:src="require(`@/assets/img/landing/testimonial/rosano.jpg`)" />
				</div>
				<div class="card lg:w-4/12 shadow-xl w-full border-x border-y border-light-grey hover:border-medium-grey">
					<img class="max-w-full rounded-lg shadow-lg"
						:src="require(`@/assets/img/landing/testimonial/mariade.jpg`)" />
				</div>
				<div class="card lg:w-4/12 shadow-xl w-full border-x border-y border-light-grey hover:border-medium-grey">
					<img class="max-w-full rounded-lg shadow-lg"
						:src="require(`@/assets/img/landing/testimonial/mia.jpg`)" />
				</div>
				<div class="card lg:w-4/12 shadow-xl w-full border-x border-y border-light-grey hover:border-medium-grey">
					<img class="max-w-full rounded-lg shadow-lg"
						:src="require(`@/assets/img/landing/testimonial/DSC00662.jpg`)" />
				</div>
				<div class="card lg:w-4/12 shadow-xl w-full border-x border-y border-light-grey hover:border-medium-grey">
					<img class="max-w-full rounded-lg shadow-lg"
						:src="require(`@/assets/img/landing/testimonial/DSC00663.jpg`)" />
				</div>
			</div>
		</div>
	</section>

</template>

<script>
export default {
  name: "testimonial_6_1",
  mounted() {
  },
};
</script>
