This tiny island is a natural wonder and all who visit are amazed at just how gorgeous one island can be. As your boat arrives at the dock, your eyes are graced with the sights of glorious red mangroves and shoals of fish swimming by.
This tiny island is a natural wonder and all who visit are amazed at just how gorgeous one island can be. As your boat arrives at the dock, your eyes are graced with the sights of glorious red mangroves and shoals of fish swimming by.
<style> .ba-blog-style-9 .overlay-wrapper { height: 100%!important; } .ba-blog-style-9 .image-wrapper { padding-top: 200px; overflow: hidden; border-radius: 10px; } .ba-blog-style-9 .bricks-layout-inner{ positin: relative;} .ba-blog-style-9 .bricks-layout-inner .image { border-radius: 10px!important; transition: all 0.95s ease; -moz-transition: all 0.95s ease; -webkit-transition: all 0.95s ease; } .ba-blog-style-9 .bricks-layout-inner:hover .image { border-radius: 10px!important; transform: scale(1.15) rotate(1deg); -moz-transform: scale(1.15) rotate(1deg); -webkit-transform: scale(1.15) rotate(1deg); } .ba-blog-style-9 .bricks-layout-inner:hover .image-wrapper:before { -webkit-animation: circle .75s; animation: circle .75s;} .ba-blog-style-9 .bricks-layout-inner .image-wrapper:before { position: absolute; top: 50%; left: 50%; z-index: 99999; display: block; content: ''; width: 0; height: 0; background: rgba(255,255,255,.1); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;} @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } .ba-blog-style-9 .avatar { width: 32px; border-radius: 50%; margin-right: 8px; } .ba-blog-style-9 .date { padding-left: 40px; position: relative; } .ba-blog-style-9 .date:before { position: absolute; left: 17px; top: -4px; color: var(--action); font-family: 'fontawesome'; content: "\f017"; font-size: 15px; font-weight: normal;} .ba-blog-style-9 .more a:before { position: absolute !important; background: var(--action-trans-60); left: auto !important; right: 10px !important; bottom: 20px !important; text-align: center; margin: 0 0 auto 0 !important; opacity: 1 !important; font-size: 22px; display: block; color: #fff !important; font-family: "fontawesome"!important; width: 35px!important; height:35px; line-height: 32px; border-radius: var(--radius-50); content: "\2b"; font-weight: 400; z-index: 9;} </style>