/*    this is a float method */


div.newspaper2
{
	background-color: var(--sectiongreyback);
	font-family: normal medium Garamond,Times,"Times New Roman",serif;
	color: #ff3333;
	border-style: hidden;
	/*Chrome, Safari, Opera */
	-moz-column-count: 2;
	/*Firefox */
	column-count: 2;
	-webkit-column-width: 250px;
	/* Chrome, Safari, Opera */
	-moz-column-width: 250px;
	/* Firefox */
	column-width: 250px;
	column-gap: 20px;
	width: 99%;
	visibility: visible;
	border-bottom-width: 1px;
	position: relative;
	top: 0px;
	padding: 6px;
	
	    overflow: auto; /* Clear floats */

}

div.newspaper3
{
	background-color: var(--sectiongreyback);
	font-family: normal medium Garamond,Times,"Times New Roman",serif;
	color: #ff3333;
	border-style: hidden;
	/*Chrome, Safari, Opera */
	-moz-column-count: 3;
	/*Firefox */
	column-count: 3;
	-webkit-column-width: 250px;
	/* Chrome, Safari, Opera */
	-moz-column-width: 250px;
	/* Firefox */
	column-width: 250px;
	column-gap: 20px;
	width: 99%;
	visibility: visible;
	border-bottom-width: 1px;
	position: relative;
	top: 0px;
	padding: 6px;
}
	.container
{
	overflow: auto;
	/* Clear floats */
		background-color: white;
}
/* 
	.pix100
{
	max-width: 100%;
	min-width: 33vw;
	height: auto;
	float: left;
 */
	/* Align image to the left */
/* 
	margin-right: 5px;
 */
	/* Space between image and text */
	/*   margin-right: 12ch;  Add some space between the image and text */
}


.pix100 {
    float: left; /* Float the image to the left */
      margin: 0 0 10px 10px; /* Add some margin for spacing (bottom and left) */
    max-width: 100%; /* Ensure the image is responsive */

}

.wrapped-text {
    margin: 0; /* Remove default margin for paragraphs */
}



/*    the rest is a flexbox method */


.flex-container {
    display: flex; /* Use flexbox layout */
    align-items: flex-start; /* Align items at the start */
    	background-color: yellow;

}

.pix1000 {
    margin-right: 10px; /* Space between the image and text */
    margin-bottom: 10px; /* Space below the image */
    max-width: 100px; /* Ensure the image is responsive */
}

.text-container {
    flex: 1; /* Allow the text container to take the remaining space */
}

.wrapped-text2 {
    margin: 0; /* Remove default margin for paragraphs */
}