.square_image{
	align-items: center;
	box-shadow: var(--shadow);
	cursor: pointer;
	object-fit: cover;
	transition: var(--filter_transition)}
.square_image:hover{
	filter: var(--filter)}
.square_image.large{
	border-radius: var(--m_gap);
	height: 42px;
    width: 42px}
.square_image.xlarge{
	border-radius: var(--l_gap);
	height: 82px;
    width: 82px}
.square_image.green_1{
	border: 1px solid var(--green_1)}
.square_image.green_4{
	border: 1px solid var(--green_4)}
.square_image.gray_3{
	border: 1px solid var(--gray_4)}