hoppscotch/components/landing/Screenshot.vue

<template>
  <div
    class="
      bg-gradient-to-r
      from-gradientFrom
      via-gradientVia
      to-gradientTo
      flex flex-col
      items-center
      justify-center
    "
  >
    <img
      src="https://tiny.cc/hoppscotch_screenshot_1"
      alt="Screenshot"
      class="rounded-lg ring-dividerLight mt-8 max-w-5/6 ring-4"
    />
  </div>
</template>