body, html {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background: #fff;
            display: flex;
            height: 100vh;
            justify-content: center;
            align-items: flex-start;
        }
        
        .wrapper {
	        position:absolute;
	        display:flex;
	        justify-content: center;
	        width:100%;
	        max-width:1000px;
	        height:100%;
            background: url('bg.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-position:center center;
	        background-color:white;
        }

        .ad-container {
            width: 100%;
            max-width: 600px;
            height: 100%;
            max-height: 1200px;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
             background: url('headline.png');
            background-repeat: no-repeat;
            background-size: auto 100%;
            aspect-ratio: 1 / 2;
        }

        #board {
            width: 100%;
            height: 100%;
            position: relative;
            margin-top: 0%;
            overflow: hidden;
        }

        .card {
            width: 90%;
            height: 60%;
            position: absolute;
            top: 56%;
            left: 50%;
            border-radius: 1%;
            transform: translateX(-50%) translateY(-50%) scale(0.95);
            background-size: cover;
            cursor: pointer;
            z-index:10;
        }
        
        .cta {
            position: absolute;
            bottom: 3%;
          
            width: 70%;
            transition: transform 0.5s ease;
            z-index:3;
        }
        
        .cta img {
            width: 100%;
        }
        
        .swipeit {
            position: absolute;
            bottom: 12%;
            right: 10%;
            width: 25%;
            pointer-events: none;
            z-index:12;
        }
        
        .swipeit img {
            width: 100%;
            transition: transform 1.0s ease-in-out;
        }

        .scale {
            transform: scale(1.2);
        }

        .rotate {
            animation: rotate 1.0s ease-in-out;
        }

        @keyframes rotate {
            0% { transform: rotate(0deg) translateX(0%) translateY(0%); }
            50% { transform: rotate(25deg) translateX(60%) translateY(-20%); }
            100% { transform: rotate(0deg) translateX(0%) translateY(0%); }
        }
        
        .myclicktag {
	        position:absolute;
	        left:0;
	        top:0;
	        width:100%;
	        height:100%;
	        z-index:9;
        }