Use image-scaler to serve the image in an appropriate size

Author: RoyEJohnson

src/index.html

@@ -9,13 +9,13 @@
         <meta property="og:type" content="article">
         <meta property="og:title" content="OpenStax | Free Textbooks Online with No Catch">
         <meta property="og:description" content="OpenStax offers free college textbooks for all types of students, making education accessible &amp; affordable for everyone. Browse our list of available subjects!">
-        <meta property="og:image" content="https://assets.openstax.org/oscms-dev/media/images/240919_OpenStax_Students_Martin_272.original.webp">
+        <meta property="og:image" content="https://images.openstax.org/apps/image-cdn/v1/assets.openstax.org/f=webp,w=640,h=480/oscms-prodcms/media/images/240919_OpenStax_Students_Martin_272.original.webp">
         <meta property="og:image:alt" content="OpenStax: OpenStax | Free Textbooks Online with No Catch">
         <meta name="twitter:card" content="summary_large_image">
         <meta name="twitter:site" content="@OpenStax">
         <meta name="twitter:title" content="OpenStax | Free Textbooks Online with No Catch">
         <meta name="twitter:description" content="OpenStax offers free college textbooks for all types of students, making education accessible &amp; affordable for everyone. Browse our list of available subjects!">
-        <meta name="twitter:image" content="https://assets.openstax.org/oscms-dev/media/images/240919_OpenStax_Students_Martin_272.original.webp">
+        <meta name="twitter:image" content="https://images.openstax.org/apps/image-cdn/v1/assets.openstax.org/f=webp,w=640,h=480/oscms-prodcms/media/images/240919_OpenStax_Students_Martin_272.original.webp">
         <meta name="twitter:image:alt" content="OpenStax">
         <link rel="preload" href="<%= process.env.API_ORIGIN %>/apps/cms/api/webview-settings/" as="fetch" crossorigin="anonymous">
         <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous"