{
  let scriptID = "js-header-rare-collections";

  let images = [
    {
      url: "/the-singular/",
      imgSrc: "/content/revamp/singular/singular-dropdown.jpg",
      subtitle: "One of Kind Jewels",
      style: "object-position: right",
    },
    {
      url: "/october-2025-edition/",
      imgSrc: "/content/revamp/singular/uncommon-dropdown.jpg",
      subtitle: "Limited Edition Jewels",
      style: "object-position: left",
    },

  let html = _.template(`
	  <div class="image-links-rare-collections">
		<div class="sub-menu__item sub-menu__item--excerpt u-visible">
			<h1 class="u-hidden-mobile new_title">Get ahead of the <span>CURVE! 222</span></h1>
			<h4 style="font-weight: 600;" class="u-hidden-mobile">Preview select new pieces coming soon</h4>
		   <ul style="list-style: none !important;" >
				<% for (let { url, subtitle } of images) { %>
					<li><a href="<%= url %>"><%= subtitle %></a></li>
				<% } %>
			</ul>
		  </div>
	  </div>
  
	  <% for (let { imgSrc, url, subtitle, style } of images) { %>
		<div class="sub-menu__item sub-menu__item--excerpt">
			<a href="<%= url %>">
				  <img src="<%= imgSrc %>" alt="" <% if (style) { %> style="<%= style %>" <% } %>>
				  <span><%= subtitle %></span>
			</a>
		</div>
	  <% } %>`)({ images });
  document.querySelector("#" + scriptID).outerHTML = html;
}