Nature's Beauty

import-React-from-"react";-const-ResponsiveImageDisplay-=-()-=>-{-return-(-<div-className="container-mx-auto-px-4-py-8">-<h1-className="text-3xl-md:text-4xl-font-bold-text-center-mb-8-text-gray-800">-Nature's-Beauty-</h1>-<div-className="flex-flex-col-md:flex-row-gap-6">-<div-className="flex-1-relative-group-overflow-hidden-rounded-xl-shadow-lg">-<img-src="https://images.unsplash.com/photo-1505144808419-1957a94ca61e"-alt="Mountain-landscape"-className="w-full-h-[400px]-object-cover-transition-transform-duration-300-group-hover:scale-110"-onError={(e)-=>-{-e.target.src-=-"https://images.unsplash.com/photo-1610337673044-720471f83677";-e.target.alt-=-"Fallback-nature-image";-}}-/>-<div-className="absolute-inset-0-bg-black-bg-opacity-30-opacity-0-group-hover:opacity-100-transition-opacity-duration-300-flex-items-center-justify-center">-<p-className="text-white-text-xl-font-semibold">Mountain-Vista</p>-</div>-</div>-<div-className="flex-1-relative-group-overflow-hidden-rounded-xl-shadow-lg">-<img-src="https://images.unsplash.com/photo-1441974231531-c6227db76b6e"-alt="Forest-scene"-className="w-full-h-[400px]-object-cover-transition-transform-duration-300-group-hover:scale-110"-onError={(e)-=>-{-e.target.src-=-"https://images.unsplash.com/photo-1610337673044-720471f83677";-e.target.alt-=-"Fallback-nature-image";-}}-/>-<div-className="absolute-inset-0-bg-black-bg-opacity-30-opacity-0-group-hover:opacity-100-transition-opacity-duration-300-flex-items-center-justify-center">-<p-className="text-white-text-xl-font-semibold">Forest-Serenity</p>-</div>-</div>-</div>-</div>-);-};-export-default-ResponsiveImageDisplay;-In-this-whole-component-add-an-background-image