diff --git a/docs/01-stac_metadata.ipynb b/docs/01-stac_metadata.ipynb
new file mode 100644
index 0000000..3ba42b2
--- /dev/null
+++ b/docs/01-stac_metadata.ipynb
@@ -0,0 +1,20317 @@
+{
+ "cells": [
+  {
+   "cell_type": "markdown",
+   "id": "6a734a55-1935-4c9b-a51f-758a285528c1",
+   "metadata": {},
+   "source": [
+    "# 1. STAC metadata generation\n",
+    "\n",
+    "There are several ways to create STAC metadata. We will explore a few of those to give you a sense of the possibilities and provide guidance for your best options in several scenarios.\n",
+    "\n",
+    "Methods:\n",
+    "- write JSON by hand\n",
+    "- use `pystac` or `stac-pydantic`\n",
+    "- use `rio-stac`\n",
+    "- use a `stactools` package\n",
+    "\n",
+    "We will be using the [Sentinel-2 Cloud-Optimized GeoTIFFs collection on the AWS Open Data Registry](https://registry.opendata.aws/sentinel-2-l2a-cogs/) to explore STAC metadata.\n",
+    "\n",
+    "This particular collection is available in a STAC API maintained by Element 84: [earth-search.aws.element84.com/v1](earth-search.aws.element84.com/v1) but it is a great example to show the advantages of some of the tools that are available for this purpose.\n",
+    "\n",
+    "The files are stored as cloud-optimized geotiffs (COGs) in an S3 bucket in the us-west-2 region. Here is a look at the files available for a single granule. "
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 1,
+   "id": "9d87e64d-f601-46ed-92e8-be11240c7697",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "['sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/AOT.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B01.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B02.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B03.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B04.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B05.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B06.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B07.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B08.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B09.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B11.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B12.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B8A.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/L2A_PVI.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/S2B_28GGV_20250417_0_L2A.json',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/SCL.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/TCI.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/WVP.tif',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/granule_metadata.xml',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/preview.jpg',\n",
+       " 'sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/tileinfo_metadata.json']"
+      ]
+     },
+     "execution_count": 1,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "import boto3\n",
+    "from botocore import UNSIGNED\n",
+    "from botocore.client import Config\n",
+    "\n",
+    "region = \"us-west-2\"\n",
+    "bucket_name = \"sentinel-cogs\"\n",
+    "prefix = \"sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/\"\n",
+    "\n",
+    "s3 = boto3.client(\"s3\", region_name=region, config=Config(signature_version=UNSIGNED))\n",
+    "s3_keys = []\n",
+    "\n",
+    "for page in s3.get_paginator(\"list_objects_v2\").paginate(\n",
+    "    Bucket=bucket_name, Prefix=prefix\n",
+    "):\n",
+    "    if \"Contents\" in page:\n",
+    "        s3_keys.extend([obj[\"Key\"] for obj in page[\"Contents\"]])\n",
+    "\n",
+    "s3_keys"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "5c549845-7e77-4ea4-9b13-6d9024f30f75",
+   "metadata": {},
+   "source": [
+    "Since these files are publicly available in S3, let's convert the S3 URIs to https URLs to make it easier for clients to use them later:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 2,
+   "id": "95bfdf44-1425-4ffe-88ba-1f9049119a63",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "{'AOT': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/AOT.tif',\n",
+       " 'B01': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B01.tif',\n",
+       " 'B02': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B02.tif',\n",
+       " 'B03': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B03.tif',\n",
+       " 'B04': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B04.tif',\n",
+       " 'B05': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B05.tif',\n",
+       " 'B06': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B06.tif',\n",
+       " 'B07': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B07.tif',\n",
+       " 'B08': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B08.tif',\n",
+       " 'B09': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B09.tif',\n",
+       " 'B11': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B11.tif',\n",
+       " 'B12': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B12.tif',\n",
+       " 'B8A': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B8A.tif',\n",
+       " 'L2A_PVI': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/L2A_PVI.tif',\n",
+       " 'S2B_28GGV_20250417_0_L2A': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/S2B_28GGV_20250417_0_L2A.json',\n",
+       " 'SCL': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/SCL.tif',\n",
+       " 'TCI': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/TCI.tif',\n",
+       " 'WVP': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/WVP.tif',\n",
+       " 'granule_metadata': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/granule_metadata.xml',\n",
+       " 'preview': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/preview.jpg',\n",
+       " 'tileinfo_metadata': 'https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/tileinfo_metadata.json'}"
+      ]
+     },
+     "execution_count": 2,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "from pathlib import Path\n",
+    "\n",
+    "\n",
+    "urls = {\n",
+    "    Path(key).stem: f\"https://{bucket_name}.s3.{region}.amazonaws.com/{key}\"\n",
+    "    for key in s3_keys\n",
+    "}\n",
+    "urls"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "0d65d2b2-f678-41f4-a683-e3372fa99ab5",
+   "metadata": {},
+   "source": [
+    "We can infer some details about the files from the path but we have to make a few assumptions!\n",
+    "- sensor: Sentinel-2B\n",
+    "- MGRS tile: 28GGV\n",
+    "- date: 20250417\n",
+    "\n",
+    "In theory you could figure out which granule covers a specific area of interest on a particular date, but it would require a bunch of S3 path listing and filtering.\n",
+    "There are probably software tools that do this kind of thing to locate Sentinel-2 files, but fortunately there is a better way: STAC!"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "7139bab8-db8e-45b6-929f-418193eaf054",
+   "metadata": {},
+   "source": [
+    "### 1.1 Writing STAC \"by hand\"\n",
+    "\n",
+    "Let's try creating the bare minimum STAC item by writing a Python dictionary by hand. We can verify that it is valid by loading it with `pystac` when we are done.\n",
+    "\n",
+    "Start by figuring out the extent and CRS of one of the raster files:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 3,
+   "id": "1c97f76b-f570-4979-8455-fe6b89da0d82",
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "EPSG:32728 BoundingBox(left=699960.0, bottom=5390200.0, right=809760.0, top=5500000.0) (10980, 10980)\n"
+     ]
+    }
+   ],
+   "source": [
+    "import rasterio\n",
+    "\n",
+    "with rasterio.open(urls[\"B02\"]) as src:\n",
+    "    crs = src.crs\n",
+    "    bounds = src.bounds\n",
+    "    shape = src.shape\n",
+    "\n",
+    "print(crs, bounds, shape)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "dfb06158-649b-492f-96d3-fd5bc66626ff",
+   "metadata": {},
+   "source": [
+    "To create the bare minimum STAC item, we only need to populate a few fields (and a few constants like `type` and `stac_version`):\n",
+    "  - id: unique identifier for the item\n",
+    "  - bbox: item bounding box coordinates (EPSG:4326)\n",
+    "  - datetime: `YYYY-mm-ddTHH:MM:SSZ`\n",
+    "  - assets: dictionary of assets with hrefs and media types"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 4,
+   "id": "e860db1e-f6be-4298-9371-c2c20acc56f4",
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "{\n",
+      "  \"type\": \"Feature\",\n",
+      "  \"stac_version\": \"1.1.0\",\n",
+      "  \"id\": \"S2B_28GGV_20250417_0_L2A\",\n",
+      "  \"bbox\": [\n",
+      "    -12.635791766296055,\n",
+      "    -41.61487677746372,\n",
+      "    -11.284390704259561,\n",
+      "    -40.59281342182659\n",
+      "  ],\n",
+      "  \"geometry\": {\n",
+      "    \"type\": \"Polygon\",\n",
+      "    \"coordinates\": [\n",
+      "      [\n",
+      "        [\n",
+      "          -11.284390704259561,\n",
+      "          -41.61487677746372\n",
+      "        ],\n",
+      "        [\n",
+      "          -11.284390704259561,\n",
+      "          -40.59281342182659\n",
+      "        ],\n",
+      "        [\n",
+      "          -12.635791766296055,\n",
+      "          -40.59281342182659\n",
+      "        ],\n",
+      "        [\n",
+      "          -12.635791766296055,\n",
+      "          -41.61487677746372\n",
+      "        ],\n",
+      "        [\n",
+      "          -11.284390704259561,\n",
+      "          -41.61487677746372\n",
+      "        ]\n",
+      "      ]\n",
+      "    ]\n",
+      "  },\n",
+      "  \"properties\": {\n",
+      "    \"datetime\": \"2025-04-17T00:00:00Z\"\n",
+      "  },\n",
+      "  \"assets\": {\n",
+      "    \"AOT\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/AOT.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B01\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B01.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B02\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B02.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B03\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B03.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B04\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B04.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B05\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B05.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B06\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B06.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B07\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B07.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B08\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B08.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B09\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B09.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B11\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B11.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B12\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B12.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"B8A\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B8A.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"L2A_PVI\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/L2A_PVI.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"SCL\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/SCL.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"TCI\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/TCI.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    },\n",
+      "    \"WVP\": {\n",
+      "      \"href\": \"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/WVP.tif\",\n",
+      "      \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\"\n",
+      "    }\n",
+      "  }\n",
+      "}\n"
+     ]
+    }
+   ],
+   "source": [
+    "import json\n",
+    "from pathlib import Path\n",
+    "\n",
+    "from rasterio.warp import transform_bounds\n",
+    "from shapely.geometry import box, mapping\n",
+    "\n",
+    "bbox = transform_bounds(crs, \"epsg:4326\", *bounds)\n",
+    "\n",
+    "item_dict = {\n",
+    "    \"type\": \"Feature\",\n",
+    "    \"stac_version\": \"1.1.0\",\n",
+    "    \"id\": \"S2B_28GGV_20250417_0_L2A\",\n",
+    "    \"bbox\": bbox,\n",
+    "    \"geometry\": mapping(box(*bbox)),\n",
+    "    \"properties\": {\n",
+    "        \"datetime\": \"2025-04-17T00:00:00Z\",\n",
+    "    },\n",
+    "    \"assets\": {\n",
+    "        key: {\n",
+    "            \"href\": url,\n",
+    "            \"type\": \"image/tiff; application=geotiff; profile=cloud-optimized\",\n",
+    "        }\n",
+    "        for key, url in urls.items()\n",
+    "        if url.endswith(\".tif\")\n",
+    "    },\n",
+    "}\n",
+    "\n",
+    "print(json.dumps(item_dict, indent=2))"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "b5a7ad34-f4f5-49bd-a376-c66207cb783c",
+   "metadata": {},
+   "source": [
+    "Great! We made a STAC item by hand. It is not verbose but it has all of the critical information that a client application would need to infer some details about the data without opening any tif files.\n",
+    "\n",
+    "Now let's validate it with our next tool: `pystac`"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 5,
+   "id": "ed94c7dc-82da-42fb-8a96-0e42bc6b2f80",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/plain": [
+       "['https://schemas.stacspec.org/v1.1.0/item-spec/json-schema/item.json']"
+      ]
+     },
+     "execution_count": 5,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "import pystac\n",
+    "\n",
+    "pystac.Item.from_dict(item_dict).validate()"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "dc70d890-c7e2-45bc-bdc0-b1843e02aede",
+   "metadata": {},
+   "source": [
+    "Item metadata is important but Collection metadata is also critical! We can create a bare-bones collection document like this:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 6,
+   "id": "222f6df8-07d9-45a0-924c-bf45c4de9be2",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "\n",
+       "<style>\n",
+       ".pystac-summary {\n",
+       "    cursor: pointer;\n",
+       "    display: list-item;\n",
+       "    list-style: revert;\n",
+       "    margin-bottom: 0 !important;\n",
+       "\n",
+       "    .pystac-l {\n",
+       "        padding-left: 0.5em;\n",
+       "        color: rgb(64, 128, 128);\n",
+       "        font-style: italic;\n",
+       "    }\n",
+       "}\n",
+       ".pystac-row {\n",
+       "    overflow-wrap: break-word;\n",
+       "    padding-left: .825em;\n",
+       "\n",
+       "    .pystac-k {\n",
+       "        display: inline-block;\n",
+       "        margin: 0px 0.5em 0px 0px;\n",
+       "    }\n",
+       "    .pystac-v {\n",
+       "        color: rgb(186, 33, 33);\n",
+       "    }\n",
+       "}\n",
+       ".pystac-k {\n",
+       "    color: rgb(0, 128, 0);\n",
+       "    font-weight: 700;\n",
+       "}\n",
+       "</style>\n",
+       "<div class=\"jp-RenderedJSON jp-mod-trusted jp-OutputArea-output\">\n",
+       "    <div class=\"container\" style=\"line-height: normal;\">\n",
+       "        <ul style=\"padding: 0px; margin: 0px; list-style: none; display: block;\">\n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">id</span>\n",
+       "            <span class=\"pystac-v\">\"sentinel-2-l2a-cogs\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">stac_version</span>\n",
+       "            <span class=\"pystac-v\">\"1.1.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">description</span>\n",
+       "            <span class=\"pystac-v\">\"Sentinel-2 L2A cloud-optimized geotiffs\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">links</span><span class=\"pystac-l\">[] 0 items</span></summary>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">extent</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">spatial</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">bbox</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-180</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-90</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">180</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">90</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">temporal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">interval</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"2015-06-27T10:25:31.456000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">None</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">license</span>\n",
+       "            <span class=\"pystac-v\">\"proprietary\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "        </ul>\n",
+       "    </div>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<Collection id=sentinel-2-l2a-cogs>"
+      ]
+     },
+     "execution_count": 6,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "collection_dict = {\n",
+    "    \"type\": \"Collection\",\n",
+    "    \"stac_version\": \"1.1.0\",\n",
+    "    \"id\": \"sentinel-2-l2a-cogs\",\n",
+    "    \"description\": \"Sentinel-2 L2A cloud-optimized geotiffs\",\n",
+    "    \"extent\": {\n",
+    "        \"spatial\": {\"bbox\": [[-180, -90, 180, 90]]},\n",
+    "        \"temporal\": {\"interval\": [[\"2015-06-27T10:25:31.456000Z\", None]]},\n",
+    "    },\n",
+    "    \"links\": [],\n",
+    "    \"license\": \"proprietary\",\n",
+    "}\n",
+    "\n",
+    "pystac.Collection.from_dict(collection_dict)"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "a430e6c6-386a-42bf-b2d4-70a046a7d851",
+   "metadata": {},
+   "source": [
+    "### 1.2 Using `pystac` to write STAC\n",
+    "\n",
+    "Writing STAC JSON by hand can be hard especially when you want to use some of the more advanced features of STAC metadata. Creating STAC items is a bit more ergonomic than specifying the structure by hand because you can get type hints on all of the possible fields and can take advantage of pre-defined constants (like `pystac.MediaType.COG`) instead of trying to remember the actual values."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 7,
+   "id": "d5cae1c9-c499-4f41-a368-0c5c8b2ea4f4",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "\n",
+       "<style>\n",
+       ".pystac-summary {\n",
+       "    cursor: pointer;\n",
+       "    display: list-item;\n",
+       "    list-style: revert;\n",
+       "    margin-bottom: 0 !important;\n",
+       "\n",
+       "    .pystac-l {\n",
+       "        padding-left: 0.5em;\n",
+       "        color: rgb(64, 128, 128);\n",
+       "        font-style: italic;\n",
+       "    }\n",
+       "}\n",
+       ".pystac-row {\n",
+       "    overflow-wrap: break-word;\n",
+       "    padding-left: .825em;\n",
+       "\n",
+       "    .pystac-k {\n",
+       "        display: inline-block;\n",
+       "        margin: 0px 0.5em 0px 0px;\n",
+       "    }\n",
+       "    .pystac-v {\n",
+       "        color: rgb(186, 33, 33);\n",
+       "    }\n",
+       "}\n",
+       ".pystac-k {\n",
+       "    color: rgb(0, 128, 0);\n",
+       "    font-weight: 700;\n",
+       "}\n",
+       "</style>\n",
+       "<div class=\"jp-RenderedJSON jp-mod-trusted jp-OutputArea-output\">\n",
+       "    <div class=\"container\" style=\"line-height: normal;\">\n",
+       "        <ul style=\"padding: 0px; margin: 0px; list-style: none; display: block;\">\n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">stac_version</span>\n",
+       "            <span class=\"pystac-v\">\"1.1.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">stac_extensions</span><span class=\"pystac-l\">[] 0 items</span></summary>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">id</span>\n",
+       "            <span class=\"pystac-v\">\"S2B_28GGV_20250417_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">coordinates</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 5 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-11.284390704259561</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-41.61487677746372</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-11.284390704259561</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-40.59281342182659</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-12.635791766296055</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-40.59281342182659</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">3</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-12.635791766296055</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-41.61487677746372</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">4</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-11.284390704259561</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-41.61487677746372</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-12.635791766296055</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-41.61487677746372</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">-11.284390704259561</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">-40.59281342182659</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">datetime</span>\n",
+       "            <span class=\"pystac-v\">\"2025-04-17T00:00:00Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">links</span><span class=\"pystac-l\">[] 0 items</span></summary>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">AOT</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B01</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B02</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B03</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B04</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B05</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B06</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B07</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B11</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B12</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B8A</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">L2A_PVI</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/L2A_PVI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">SCL</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">TCI</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">WVP</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "        </ul>\n",
+       "    </div>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<Item id=S2B_28GGV_20250417_0_L2A>"
+      ]
+     },
+     "execution_count": 7,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "from datetime import datetime\n",
+    "\n",
+    "item = pystac.Item(\n",
+    "    id=\"S2B_28GGV_20250417_0_L2A\",\n",
+    "    bbox=bbox,\n",
+    "    geometry=mapping(box(*bbox)),\n",
+    "    datetime=datetime(2025, 4, 17),\n",
+    "    properties={},\n",
+    "    assets={\n",
+    "        key: pystac.Asset(\n",
+    "            href=url,\n",
+    "            media_type=pystac.MediaType.COG,\n",
+    "        )\n",
+    "        for key, url in urls.items()\n",
+    "        if url.endswith(\".tif\")\n",
+    "    },\n",
+    ")\n",
+    "\n",
+    "item"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "f192bec5-7458-494f-aa89-543c6dd3e43b",
+   "metadata": {},
+   "source": [
+    "That was a little easier, but client applications would appreciate a bit more information to the item like the projection of the files! We could have added this in the \"by hand\" example, too, but it would have been a multi-step process updating the list of `stac_extensions` and the `proj` properties. `pystac` handles these for us in one step."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 8,
+   "id": "6158e057-f770-4599-82c3-89ef5cc00a7d",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "\n",
+       "<style>\n",
+       ".pystac-summary {\n",
+       "    cursor: pointer;\n",
+       "    display: list-item;\n",
+       "    list-style: revert;\n",
+       "    margin-bottom: 0 !important;\n",
+       "\n",
+       "    .pystac-l {\n",
+       "        padding-left: 0.5em;\n",
+       "        color: rgb(64, 128, 128);\n",
+       "        font-style: italic;\n",
+       "    }\n",
+       "}\n",
+       ".pystac-row {\n",
+       "    overflow-wrap: break-word;\n",
+       "    padding-left: .825em;\n",
+       "\n",
+       "    .pystac-k {\n",
+       "        display: inline-block;\n",
+       "        margin: 0px 0.5em 0px 0px;\n",
+       "    }\n",
+       "    .pystac-v {\n",
+       "        color: rgb(186, 33, 33);\n",
+       "    }\n",
+       "}\n",
+       ".pystac-k {\n",
+       "    color: rgb(0, 128, 0);\n",
+       "    font-weight: 700;\n",
+       "}\n",
+       "</style>\n",
+       "<div class=\"jp-RenderedJSON jp-mod-trusted jp-OutputArea-output\">\n",
+       "    <div class=\"container\" style=\"line-height: normal;\">\n",
+       "        <ul style=\"padding: 0px; margin: 0px; list-style: none; display: block;\">\n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">stac_version</span>\n",
+       "            <span class=\"pystac-v\">\"1.1.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">stac_extensions</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/projection/v2.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">id</span>\n",
+       "            <span class=\"pystac-v\">\"S2B_28GGV_20250417_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">coordinates</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 5 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-11.284390704259561</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-41.61487677746372</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-11.284390704259561</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-40.59281342182659</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-12.635791766296055</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-40.59281342182659</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">3</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-12.635791766296055</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-41.61487677746372</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">4</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-11.284390704259561</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-41.61487677746372</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-12.635791766296055</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-41.61487677746372</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">-11.284390704259561</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">-40.59281342182659</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">datetime</span>\n",
+       "            <span class=\"pystac-v\">\"2025-04-17T00:00:00Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">proj:code</span>\n",
+       "            <span class=\"pystac-v\">\"EPSG:32728\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">699960.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5390200.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">809760.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">5500000.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">links</span><span class=\"pystac-l\">[] 0 items</span></summary>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">AOT</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B01</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B02</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B03</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B04</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B05</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B06</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B07</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B11</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B12</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B8A</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">L2A_PVI</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/L2A_PVI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">SCL</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">TCI</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">WVP</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel-cogs.s3.us-west-2.amazonaws.com/sentinel-s2-l2a-cogs/28/G/GV/2025/4/S2B_28GGV_20250417_0_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "        </ul>\n",
+       "    </div>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<Item id=S2B_28GGV_20250417_0_L2A>"
+      ]
+     },
+     "execution_count": 8,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "item.ext.add(\"proj\")\n",
+    "\n",
+    "item.ext.proj.apply(\n",
+    "    epsg=crs.to_epsg(),\n",
+    "    bbox=bounds,\n",
+    "    shape=shape,\n",
+    ")\n",
+    "\n",
+    "item"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "f25280ff-7dd7-4997-b53e-0f980035c204",
+   "metadata": {},
+   "source": [
+    "Now you can create the same collection object that we made by hand but this time using `pystac`:"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 11,
+   "id": "4ecd03a2-7761-4f4f-9c96-db7e9ff1df2b",
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "\n",
+       "<style>\n",
+       ".pystac-summary {\n",
+       "    cursor: pointer;\n",
+       "    display: list-item;\n",
+       "    list-style: revert;\n",
+       "    margin-bottom: 0 !important;\n",
+       "\n",
+       "    .pystac-l {\n",
+       "        padding-left: 0.5em;\n",
+       "        color: rgb(64, 128, 128);\n",
+       "        font-style: italic;\n",
+       "    }\n",
+       "}\n",
+       ".pystac-row {\n",
+       "    overflow-wrap: break-word;\n",
+       "    padding-left: .825em;\n",
+       "\n",
+       "    .pystac-k {\n",
+       "        display: inline-block;\n",
+       "        margin: 0px 0.5em 0px 0px;\n",
+       "    }\n",
+       "    .pystac-v {\n",
+       "        color: rgb(186, 33, 33);\n",
+       "    }\n",
+       "}\n",
+       ".pystac-k {\n",
+       "    color: rgb(0, 128, 0);\n",
+       "    font-weight: 700;\n",
+       "}\n",
+       "</style>\n",
+       "<div class=\"jp-RenderedJSON jp-mod-trusted jp-OutputArea-output\">\n",
+       "    <div class=\"container\" style=\"line-height: normal;\">\n",
+       "        <ul style=\"padding: 0px; margin: 0px; list-style: none; display: block;\">\n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Collection\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">id</span>\n",
+       "            <span class=\"pystac-v\">\"sentinel-2-l2a-cogs\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">stac_version</span>\n",
+       "            <span class=\"pystac-v\">\"1.1.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">description</span>\n",
+       "            <span class=\"pystac-v\">\"Sentinel-2 L2A cloud-optimized geotiffs\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">links</span><span class=\"pystac-l\">[] 0 items</span></summary>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">extent</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">spatial</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">bbox</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-180</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-90</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">180</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">90</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">temporal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">interval</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"2015-06-27T10:25:31Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">None</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">license</span>\n",
+       "            <span class=\"pystac-v\">\"other\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "        </ul>\n",
+       "    </div>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<Collection id=sentinel-2-l2a-cogs>"
+      ]
+     },
+     "execution_count": 11,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "collection = pystac.Collection(\n",
+    "    id=\"sentinel-2-l2a-cogs\",\n",
+    "    description=\"Sentinel-2 L2A cloud-optimized geotiffs\",\n",
+    "    extent=pystac.Extent(\n",
+    "        spatial=pystac.SpatialExtent([[-180, -90, 180, 90]]),\n",
+    "        temporal=pystac.TemporalExtent(\n",
+    "            [[datetime(2015, 6, 27, hour=10, minute=25, second=31), None]]\n",
+    "        ),\n",
+    "    ),\n",
+    ")\n",
+    "collection"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "2e419a45-661e-4a59-8e04-699079ce5154",
+   "metadata": {},
+   "source": [
+    "### 1.3 Writing STAC with `rio-stac`\n",
+    "\n",
+    "`rio-stac` does some of the work that we had to do to calculate the bounding box, geometry, etc for you. It will be slower than infering properties from the storage path schema or some existing metadata file, but it will reliably read the extent/geometry/etc from the actual assets which can be valuable.\n",
+    "\n",
+    "- rio-stac docs: <https://developmentseed.org/rio-stac/>"
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 14,
+   "id": "ca0ba117-37a6-4c76-8c23-5fc26f8ad6ca",
+   "metadata": {
+    "scrolled": true
+   },
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "\n",
+       "<style>\n",
+       ".pystac-summary {\n",
+       "    cursor: pointer;\n",
+       "    display: list-item;\n",
+       "    list-style: revert;\n",
+       "    margin-bottom: 0 !important;\n",
+       "\n",
+       "    .pystac-l {\n",
+       "        padding-left: 0.5em;\n",
+       "        color: rgb(64, 128, 128);\n",
+       "        font-style: italic;\n",
+       "    }\n",
+       "}\n",
+       ".pystac-row {\n",
+       "    overflow-wrap: break-word;\n",
+       "    padding-left: .825em;\n",
+       "\n",
+       "    .pystac-k {\n",
+       "        display: inline-block;\n",
+       "        margin: 0px 0.5em 0px 0px;\n",
+       "    }\n",
+       "    .pystac-v {\n",
+       "        color: rgb(186, 33, 33);\n",
+       "    }\n",
+       "}\n",
+       ".pystac-k {\n",
+       "    color: rgb(0, 128, 0);\n",
+       "    font-weight: 700;\n",
+       "}\n",
+       "</style>\n",
+       "<div class=\"jp-RenderedJSON jp-mod-trusted jp-OutputArea-output\">\n",
+       "    <div class=\"container\" style=\"line-height: normal;\">\n",
+       "        <ul style=\"padding: 0px; margin: 0px; list-style: none; display: block;\">\n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">stac_version</span>\n",
+       "            <span class=\"pystac-v\">\"1.1.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">stac_extensions</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/projection/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">id</span>\n",
+       "            <span class=\"pystac-v\">\"S2B_28GGV_20250417_0_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">coordinates</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 5 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-3.0011418260871032</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">80.97326367216651</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">3.2429668983245636</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">80.92029861094787</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">3.9932737088384376</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">81.89742371353259</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">3</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-3.0012803542668025</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">81.95691940369268</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">4</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-3.0011418260871032</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">80.97326367216651</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">-3.0012803542668025</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">80.92029861094787</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">3.9932737088384376</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">81.95691940369268</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">proj:epsg</span>\n",
+       "            <span class=\"pystac-v\">32630</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">coordinates</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 5 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">499980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8990220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">609780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8990220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">609780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">9100020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">3</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">499980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">9100020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">4</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">499980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8990220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">499980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8990220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">609780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">9100020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 9 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">499980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">9100020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">6</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">7</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">8</span>\n",
+       "            <span class=\"pystac-v\">1.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">datetime</span>\n",
+       "            <span class=\"pystac-v\">\"2025-04-17T00:00:00Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">links</span><span class=\"pystac-l\">[] 0 items</span></summary>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">AOT</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/AOT.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B01</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B01.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B02</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B02.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B03</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B03.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B04</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B04.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B05</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B05.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B06</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B06.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B07</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B07.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B08.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B09.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B11</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B11.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B12</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B12.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">B8A</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/B8A.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">CLD_20m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/CLD_20m.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">L2A_PVI</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/L2A_PVI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">SCL</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/SCL.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">SNW_20m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/SNW_20m.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">TCI</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/TCI.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">WVP</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://e84-earth-search-sentinel-data.s3.us-west-2.amazonaws.com/sentinel-2-c1-l2a/30/X/WR/2025/4/S2C_T30XWR_20250417T141800_L2A/WVP.tif\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/tiff; application=geotiff; profile=cloud-optimized\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "        </ul>\n",
+       "    </div>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<Item id=S2B_28GGV_20250417_0_L2A>"
+      ]
+     },
+     "execution_count": 14,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "from rio_stac.stac import create_stac_item\n",
+    "\n",
+    "item = create_stac_item(\n",
+    "    source=urls[\"B02\"],\n",
+    "    input_datetime=datetime(2025, 4, 17),\n",
+    "    id=\"S2B_28GGV_20250417_0_L2A\",\n",
+    "    with_proj=True,\n",
+    "    with_eo=False,\n",
+    "    assets={\n",
+    "        key: pystac.Asset(\n",
+    "            href=url,\n",
+    "            media_type=pystac.MediaType.COG,\n",
+    "        )\n",
+    "        for key, url in urls.items()\n",
+    "        if url.endswith(\".tif\")\n",
+    "    },\n",
+    ")\n",
+    "\n",
+    "item"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "2a8567de-5744-434e-8433-d3be0ed87ffe",
+   "metadata": {},
+   "source": [
+    "That was nice an easy! I didn't have to use `rasterio` for anything myself, `rio-stac` took care of that for me. There are more tools in `rio-stac` which can be used to derive metadata for more extensions (like `eo`) so check out the docs!\n",
+    "\n",
+    "There are not any collection generation convenience functions in `rio-stac` so that's all for this section."
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "d2bee875-cc74-42ba-8e90-42a1fd5d11fb",
+   "metadata": {},
+   "source": [
+    "### 1.4 Writing STAC with `stactools` packages\n",
+    "\n",
+    "You may have been thinking \"surely someone has already done the work to sort out the STAC metadata configuration for the Sentinel 2 dataset\". You are right! Sometimes the data providers will produce STAC metadata alongside the data and the most common method for publishing the STAC metadata generation workflow is via [`stactools` packages](https://github.com/stactools-packages).\n",
+    "\n",
+    "Many datasets/collections have a package that can be used from python or a CLI to generate collection and item STAC metadata, including Sentinel-2. At this time the [`stactools-sentinel2`](https://github.com/stactools-packages/sentinel2) package is not configured for the files that we have been working with so far in this notebook so we will reference files in a different bucket for this section."
+   ]
+  },
+  {
+   "cell_type": "code",
+   "execution_count": 13,
+   "id": "969ce7ed-536f-43a0-a5a2-620c21bae7e8",
+   "metadata": {},
+   "outputs": [
+    {
+     "name": "stdout",
+     "output_type": "stream",
+     "text": [
+      "S2A_OPER_MSI_L2A_TL_VGS1_20220401T110010_A035382_T34LBP\n"
+     ]
+    },
+    {
+     "name": "stderr",
+     "output_type": "stream",
+     "text": [
+      "/home/henry/.conda/envs/fedgeoday25-workshop/lib/python3.12/site-packages/antimeridian/_implementation.py:441: FixWindingWarning: The exterior ring of this shape is wound clockwise. Since this is a common error in real-world geometries, this package is reversing the exterior coordinates of the input shape before running its algorithm. If you know that your input shape is correct (i.e. if your data encompasses both poles), pass `fix_winding=False`.\n",
+      "  FixWindingWarning.warn()\n"
+     ]
+    },
+    {
+     "data": {
+      "text/html": [
+       "\n",
+       "\n",
+       "<style>\n",
+       ".pystac-summary {\n",
+       "    cursor: pointer;\n",
+       "    display: list-item;\n",
+       "    list-style: revert;\n",
+       "    margin-bottom: 0 !important;\n",
+       "\n",
+       "    .pystac-l {\n",
+       "        padding-left: 0.5em;\n",
+       "        color: rgb(64, 128, 128);\n",
+       "        font-style: italic;\n",
+       "    }\n",
+       "}\n",
+       ".pystac-row {\n",
+       "    overflow-wrap: break-word;\n",
+       "    padding-left: .825em;\n",
+       "\n",
+       "    .pystac-k {\n",
+       "        display: inline-block;\n",
+       "        margin: 0px 0.5em 0px 0px;\n",
+       "    }\n",
+       "    .pystac-v {\n",
+       "        color: rgb(186, 33, 33);\n",
+       "    }\n",
+       "}\n",
+       ".pystac-k {\n",
+       "    color: rgb(0, 128, 0);\n",
+       "    font-weight: 700;\n",
+       "}\n",
+       "</style>\n",
+       "<div class=\"jp-RenderedJSON jp-mod-trusted jp-OutputArea-output\">\n",
+       "    <div class=\"container\" style=\"line-height: normal;\">\n",
+       "        <ul style=\"padding: 0px; margin: 0px; list-style: none; display: block;\">\n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Feature\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">stac_version</span>\n",
+       "            <span class=\"pystac-v\">\"1.1.0\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">stac_extensions</span><span class=\"pystac-l\">[] 7 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/eo/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/raster/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/projection/v2.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/mgrs/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/grid/v1.1.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/view/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">6</span>\n",
+       "            <span class=\"pystac-v\">\"https://stac-extensions.github.io/sentinel-2/v1.0.0/schema.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">id</span>\n",
+       "            <span class=\"pystac-v\">\"S2A_T34LBP_20220401T090142_L2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">geometry</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"Polygon\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">coordinates</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 5 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">18.842570191774456</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-9.943916470908118</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">18.837533655044183</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-9.975080024847411</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">19.264327857851356</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-10.048676709777588</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">3</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">19.26487070909741</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-9.946373650856408</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">4</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">18.842570191774456</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-9.943916470908118</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">18.837534</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">-10.048677</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">19.264871</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">-9.943916</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">properties</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">created</span>\n",
+       "            <span class=\"pystac-v\">\"2025-04-18T14:44:52.000201Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">providers</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"ESA\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 3 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"producer\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"processor\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">\"licensor\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">url</span>\n",
+       "            <span class=\"pystac-v\">\"https://earth.esa.int/web/guest/home\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">platform</span>\n",
+       "            <span class=\"pystac-v\">\"sentinel-2a\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">constellation</span>\n",
+       "            <span class=\"pystac-v\">\"sentinel-2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">instruments</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"msi\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">eo:cloud_cover</span>\n",
+       "            <span class=\"pystac-v\">92.696983</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">proj:code</span>\n",
+       "            <span class=\"pystac-v\">\"EPSG:32734\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:centroid</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">lat</span>\n",
+       "            <span class=\"pystac-v\">-9.98196</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">lon</span>\n",
+       "            <span class=\"pystac-v\">19.08968</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">mgrs:utm_zone</span>\n",
+       "            <span class=\"pystac-v\">34</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">mgrs:latitude_band</span>\n",
+       "            <span class=\"pystac-v\">\"L\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">mgrs:grid_square</span>\n",
+       "            <span class=\"pystac-v\">\"BP\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">grid:code</span>\n",
+       "            <span class=\"pystac-v\">\"MGRS-34LBP\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">view:azimuth</span>\n",
+       "            <span class=\"pystac-v\">99.04269285441343</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">view:incidence_angle</span>\n",
+       "            <span class=\"pystac-v\">9.662129915241508</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">view:sun_azimuth</span>\n",
+       "            <span class=\"pystac-v\">61.4514369440134</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">view:sun_elevation</span>\n",
+       "            <span class=\"pystac-v\">59.757571576334996</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:tile_id</span>\n",
+       "            <span class=\"pystac-v\">\"S2A_OPER_MSI_L2A_TL_VGS1_20220401T110010_A035382_T34LBP_N04.00\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:degraded_msi_data_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.0172</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:nodata_pixel_percentage</span>\n",
+       "            <span class=\"pystac-v\">97.087371</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:saturated_defective_pixel_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:dark_features_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:cloud_shadow_percentage</span>\n",
+       "            <span class=\"pystac-v\">7.112898</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:vegetation_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.094889</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:not_vegetated_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.001937</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:water_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:unclassified_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.093294</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:medium_proba_clouds_percentage</span>\n",
+       "            <span class=\"pystac-v\">16.551426</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:high_proba_clouds_percentage</span>\n",
+       "            <span class=\"pystac-v\">76.137125</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:thin_cirrus_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.008429</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:snow_ice_percentage</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:product_type</span>\n",
+       "            <span class=\"pystac-v\">\"S2MSI2A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:processing_baseline</span>\n",
+       "            <span class=\"pystac-v\">\"04.00\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:product_uri</span>\n",
+       "            <span class=\"pystac-v\">\"S2A_MSIL2A_20220401T083601_N0400_R064_T34LBP_20220401T110010.SAFE\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:generation_time</span>\n",
+       "            <span class=\"pystac-v\">\"2022-04-01T11:00:10.000000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:datatake_id</span>\n",
+       "            <span class=\"pystac-v\">\"GS2A_20220401T083601_035382_N04.00\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:datatake_type</span>\n",
+       "            <span class=\"pystac-v\">\"INS-NOBS\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:datastrip_id</span>\n",
+       "            <span class=\"pystac-v\">\"S2A_OPER_MSI_L2A_DS_VGS1_20220401T110010_S20220401T090142_N04.00\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">s2:reflectance_conversion_factor</span>\n",
+       "            <span class=\"pystac-v\">1.00413041106276</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">datetime</span>\n",
+       "            <span class=\"pystac-v\">\"2022-04-01T09:03:19.283000Z\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">links</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">rel</span>\n",
+       "            <span class=\"pystac-v\">\"license\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://sentinel.esa.int/documents/247904/690755/Sentinel_Data_Legal_Notice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "                \n",
+       "            \n",
+       "                \n",
+       "                    \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">assets</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">red</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R10m/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B04\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">green</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R10m/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Green - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B03\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">blue</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R10m/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Blue - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B02\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">wvp_10m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R10m/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Water Vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">unit</span>\n",
+       "            <span class=\"pystac-v\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">aot_10m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R10m/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">visual</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R10m/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 3 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B04\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B03\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B02\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 3 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">nir</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R10m/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"NIR 1 - 10m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">10980</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-10.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">10</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">swir22</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"SWIR 2.2μm - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B12\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">rededge2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red Edge 2 - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B06\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">rededge3</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red Edge 3 - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B07\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">rededge1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red Edge 1 - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B05\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">swir16</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"SWIR 1.6μm - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B11\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">red_20m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B04\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">green_20m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Green - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B03\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">blue_20m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Blue - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B02\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">wvp</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Water Vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">unit</span>\n",
+       "            <span class=\"pystac-v\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">nir08</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"NIR 2 - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B8A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">scl</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">aot</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">visual_20m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 3 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B04\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B03\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B02\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 3 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">nir_20m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R20m/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"NIR 1 - 20m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">swir22_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B12.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"SWIR 2.2μm - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B12\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"swir22\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">2.19</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.242</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">rededge2_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B06.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red Edge 2 - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B06\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.74</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.018</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">rededge3_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B07.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red Edge 3 - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B07\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.783</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.028</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">rededge1_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B05.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red Edge 1 - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B05\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"rededge\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.704</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.019</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">swir16_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B11.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"SWIR 1.6μm - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B11\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"swir16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">1.61</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.143</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">red_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B04.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Red - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B04\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">coastal</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B01.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Coastal - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B01\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"coastal\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.443</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.027</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">green_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B03.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Green - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B03\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">blue_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B02.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Blue - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B02\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">wvp_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/WVP.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Water Vapour (WVP)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">unit</span>\n",
+       "            <span class=\"pystac-v\">\"cm\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">nir08_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B8A.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"NIR 2 - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B8A\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"nir08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.865</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.033</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">scl_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/SCL.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Scene classification map (SCL)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">aot_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/AOT.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Aerosol optical thickness (AOT)\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">nir09</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B09.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"NIR 3 - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"nir09\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.945</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.026</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">visual_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/TCI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"True color image\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 3 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B04\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B03\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B02\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 3 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"visual\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">nir_60m</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/R60m/B08.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"NIR 1 - 60m\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B08\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"nir\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.842</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.145</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">1830</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-60.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint16\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">60</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">scale</span>\n",
+       "            <span class=\"pystac-v\">0.0001</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">offset</span>\n",
+       "            <span class=\"pystac-v\">-0.1</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"reflectance\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">cloud</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/qi/CLD_20m.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Cloud Probabilities\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">gsd</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"cloud\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">snow</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/qi/SNW_20m.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"Snow Probabilities\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:shape</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">5490</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:bbox</span><span class=\"pystac-l\">[] 4 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">8790220.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">309780.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">proj:transform</span><span class=\"pystac-l\">[] 6 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">2</span>\n",
+       "            <span class=\"pystac-v\">199980.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">3</span>\n",
+       "            <span class=\"pystac-v\">0.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">4</span>\n",
+       "            <span class=\"pystac-v\">-20.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">5</span>\n",
+       "            <span class=\"pystac-v\">8900020.0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">raster:bands</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">nodata</span>\n",
+       "            <span class=\"pystac-v\">0</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">data_type</span>\n",
+       "            <span class=\"pystac-v\">\"uint8\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">spatial_resolution</span>\n",
+       "            <span class=\"pystac-v\">20</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 2 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"data\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">1</span>\n",
+       "            <span class=\"pystac-v\">\"snow-ice\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">preview</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/qi/L2A_PVI.jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"image/jp2\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">title</span>\n",
+       "            <span class=\"pystac-v\">\"True color preview\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">eo:bands</span><span class=\"pystac-l\">[] 3 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">0</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B04\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"red\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.665</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.038</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">1</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B03\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"green\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.56</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.045</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">2</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">name</span>\n",
+       "            <span class=\"pystac-v\">\"B02\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">common_name</span>\n",
+       "            <span class=\"pystac-v\">\"blue\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">center_wavelength</span>\n",
+       "            <span class=\"pystac-v\">0.49</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">full_width_half_max</span>\n",
+       "            <span class=\"pystac-v\">0.098</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"overview\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">granule_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">tileinfo_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/tileInfo.json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"application/json\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li><details>\n",
+       "            <summary class=\"pystac-summary\"><span class=\"pystac-k\">product_metadata</span></summary>\n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">href</span>\n",
+       "            <span class=\"pystac-v\">\"https://roda.sentinel-hub.com/sentinel-s2-l2a/products/2022/4/1/S2A_MSIL2A_20220401T083601_N0400_R064_T34LBP_20220401T110010/metadata.xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">type</span>\n",
+       "            <span class=\"pystac-v\">\"application/xml\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "            \n",
+       "                <li><details>\n",
+       "        <summary class=\"pystac-summary\"><span class=\"pystac-k\">roles</span><span class=\"pystac-l\">[] 1 items</span></summary>\n",
+       "        \n",
+       "            <ul style=\"margin: 0px; padding: 0px 0px 0px 1.75em; list-style: none; display: block;\">\n",
+       "        \n",
+       "            \n",
+       "                \n",
+       "        <li class=\"pystac-row\">\n",
+       "            <span class=\"pystac-k\">0</span>\n",
+       "            <span class=\"pystac-v\">\"metadata\"</span>\n",
+       "        </li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        \n",
+       "    </details></li>\n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "            \n",
+       "        \n",
+       "    </ul>\n",
+       "        </details></li>\n",
+       "    \n",
+       "                \n",
+       "            \n",
+       "        </ul>\n",
+       "    </div>\n",
+       "</div>"
+      ],
+      "text/plain": [
+       "<Item id=S2A_T34LBP_20220401T090142_L2A>"
+      ]
+     },
+     "execution_count": 13,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "from stactools.sentinel2.stac import create_item as create_sentinel2_item\n",
+    "\n",
+    "\n",
+    "item = create_sentinel2_item(\n",
+    "    granule_href=\"https://roda.sentinel-hub.com/sentinel-s2-l2a/tiles/34/L/BP/2022/4/1/0/\",\n",
+    ")\n",
+    "\n",
+    "item"
+   ]
+  },
+  {
+   "cell_type": "markdown",
+   "id": "9c8b702d-3d8a-41e8-80af-09d9b56dbd0f",
+   "metadata": {},
+   "source": [
+    "## Conclusion\n",
+    "\n",
+    "That's it! You have seen a few ways of creating STAC metadata. There is a time and a place for each of these methods so keep them all in mind when considering the best path for cataloging your data."
+   ]
+  }
+ ],
+ "metadata": {
+  "kernelspec": {
+   "display_name": "Python 3 (ipykernel)",
+   "language": "python",
+   "name": "python3"
+  },
+  "language_info": {
+   "codemirror_mode": {
+    "name": "ipython",
+    "version": 3
+   },
+   "file_extension": ".py",
+   "mimetype": "text/x-python",
+   "name": "python",
+   "nbconvert_exporter": "python",
+   "pygments_lexer": "ipython3",
+   "version": "3.12.10"
+  }
+ },
+ "nbformat": 4,
+ "nbformat_minor": 5
+}