<template>
  <section class="photo1 section-block">
    <div class="photo mobile-only rounded-borders" v-if="plugData.ImageUrl" style="overflow:hidden;margin-bottom: 0px;">
      <img :src="plugData.ImageUrl" :alt="plugData.Title" style="width:100%;" v-if="plugData.ImageUrl == 'https://vt-im-bucket.oss-cn-chengdu.aliyuncs.com/upload/關於我們-整图.png'"/>
      <img :src="plugData.ImageUrl" :alt="plugData.Title" style="height:20vh;width:auto;" v-else/>
    </div>
    <div class="photo desktop-only" v-if="plugData.ImageUrl">
      <img :src="plugData.ImageUrl" :alt="plugData.Title"/>
    </div>
  </section>
</template>

<script>
  export default {
    props: ["plugData"],
  };

</script>
<style>
  .photo1 .photo {
    margin: 20px 0;
    text-align: center;
  }

  .photo1 .photo img {
    width: 100%;
  }
</style>