* {
	max-width: 100%;
}

body {
	margin: 0;
}

#backgroundimg {
	width: 100%;
}

.pop-up-content {
	position: absolute;
    width: 100%;
	display: none;
}

.pop-up-banner {
	width: 100%;
	cursor: pointer;
}

.cards {
	cursor: pointer;
}

#close {
	display: none;
	position: absolute;
	width: max(10%, 10px);
	right: 0;
	cursor: pointer;
}

.banner {
    display: flex;
    column-gap: 5px;
    max-width: 100%;
    padding: 10px 10px;
    position: sticky;
    bottom: 0;
    background-color: #00000020;
}

#card-1 {
	transform: rotate(-6deg);
}

#card-2 {
	transform: rotate(-2deg) translateY(-5px);
}

#card-3 {
	transform: rotate(2deg) translateY(-5px);
}

#card-4 {
	transform: rotate(6deg);
}