.background-image {
    /* Set the background image */
    background-image: url('<?php echo $background; ?>');
    /* Fullscreen size */
    height: 674px;
    /* Limit the width of the background image */
    background-size: 90%; /* Background image width is 90% of the container */
    background-position: center center;
    background-repeat: no-repeat;
    /* Center the content vertically and horizontally */
    display: flex;
    justify-content: center;
    align-items: center;
    /* Text styles */
    color: white;
    font-size: 24px;
    /* Add padding to create space on the sides of the container */
    padding-left: 5%;
    padding-right: 5%;
    /* Add border-radius to round the corners */
    border-radius: 7%;
}


.small-images {
	position: absolute;
	top: 480px;
	/* Adjust as needed */
}

.small-image {
	width: 150px;
	/* Adjust size as needed */
	height: 150px;
	/* Adjust size as needed */
	margin: 0 180px;
	/* Adjust spacing as needed */
}

.link_button {

	display: none;
	text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 576px) {
	.small-image {
		width: 50px;
		height: 50px;
		margin: 10px;
	}

	.background-image {
		height: 200px;
		background-size: 90%; /* Background image width is 90% of the container */
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 7%;
	}

	.small-images {
		position: absolute;
		top: 540px;
	}

	.te_xt {
		font-size: 15px;
	}

	

}

@media screen and (min-width: 576px) and (max-width: 768px) {
	.background-image {
		height: 299px;
		background-size: 90%; /* Background image width is 90% of the container */
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 7%;

	}

	.small-image {
		width: 80px;
		height: 80px;
		margin: 75px;
	}

	.small-images {
		position: absolute;
		top: 500px;
	}

	.te_xt {
		font-size: 15px;
	}

	
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
	.background-image {
		height: 400px;
		background-size: 90%; /* Background image width is 90% of the container */
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 7%;
	}

	.small-images {
		position: absolute;
		top: 400px;
		/* Adjust as needed */
	}

	.small-image {
		width: 72px;
		/* Adjust size as needed */
		height: 72px;
		/* Adjust size as needed */
		margin: 0 75px;
		/* Adjust spacing as needed */
	}

	
}

@media (min-width: 1200px) {
	.background-image {
		height: 600px;
		background-size: 90%; /* Background image width is 90% of the container */
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 7%;
	}

	.small-images {
		position: absolute;
		top: 460px;
		/* Adjust as needed */
	}

	.small-image {
		width: 120px;
		/* Adjust size as needed */
		height: 120px;
		/* Adjust size as needed */
		margin: 0 200px;
		/* Adjust spacing as needed */
	}

	
}