<script lang='ts' setup>
import FigSite from './img/figSite.svg'
import FigSiteMobile from './img/figSiteMobile.svg'
</script>

<template>
  <div :style="{ perspective: '500px' }" class="relative">
    <div class="fig">
      <img :src="FigSite" class="ds inline-block  ">
    </div>
    <div class="fig-mobile absolute w-[30%] right-[5%] bottom-[-2%]">
      <img :src="FigSiteMobile" class="ds inline-block   ">
    </div>
  </div>
</template>

<style lang="less" scoped>
.fig{

   transform: scale(.8);

}
.fig-mobile{
  transform:  scale(.8) rotate3d(0, -6, 1, 15deg);
}
.ds{
    filter: drop-shadow(1px 2px 4px rgba(20, 20, 20, 0.1));

  }
</style>
