.caroussel{width:400px;height:250px;margin:10px auto}.caroussel-mark{position:absolute;opacity:.4;transform:scale(2);margin-left:160px;margin-top:88px}@media only screen and (max-width:500px){.caroussel{width:95%}}.container-card_sample{position:relative;width:400px;height:250px;margin:20px auto}.container-card_sample .image{width:100%;height:100%;display:block}.container-card_sample .legend{position:absolute;max-width:160px;height:auto;padding:8px 10px;background:#fff;border:1px solid #ccc;border-radius:6px;font-size:13px;box-shadow:1px 1px 4px rgba(0,0,0,.2);display:flex;align-items:center;white-space:nowrap}.container-card_sample .legend.left{right:420px;justify-content:flex-end}.container-card_sample .legend.right{left:420px;justify-content:flex-start}.container-card_sample .legend::before{content:'';position:absolute;width:0;height:0;border:6px solid transparent}.container-card_sample .legend.left::before{top:50%;right:-12px;margin-top:-6px;border-left-color:red}.container-card_sample .legend.right::before{top:50%;left:-12px;margin-top:-6px;border-right-color:red}.container-card_sample .line{position:absolute;width:3px;background:red;transform-origin:top left}@media only screen and (max-width:740px){.container-card_sample{transform:scale(.7)}.container-card_sample .legend{font-size:11px}}